Discover · Developer tools

Chromatic

A light page, one yellow accent, set in __Nunito_Sans_f38b0c.

chromatic.com
The home page of Chromatic

The home page on 6 November 2026. Sites change; ask plagio for today's.

Pages

Colours

Each role is picked from where the colour is used and how much of the page it covers.

  • Background#f7fafd

    What the page itself is painted on.

  • Surface#ffffff1a

    The next neutral background, close in lightness to the page, 0.4% of colour uses.

  • Text#b991de

    The strongest colour carrying body text, 2.45:1 on the background, 0.1% of colour uses.

  • Accent#ffae00

    The most colourful colour in use (chroma 1.00), 0.2% of colour uses.

Also in use

  • #141c24
  • #006deb
  • #ffffff
  • #eef2f6
  • #b2becd
  • #37d5d3
  • #66bf3c
  • #1ea7fd
  • #61c1fd

Type

__Nunito_Sans_f38b0c. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
Aa__Nunito_Sans_f38b0c48px60064pxnormal
Aa__Nunito_Sans_f38b0c30px60038pxnormal
Aa__Nunito_Sans_f38b0c24px70032pxnormal
Aa__Nunito_Sans_f38b0c20px40032pxnormal
Aa__Nunito_Sans_f38b0c20px60032pxnormal
Aa__Nunito_Sans_f38b0c16px40028pxnormal
Aa__Nunito_Sans_f38b0c16px60028pxnormal

Use Chromatic's system on your site

Paste this into Claude Code, Cursor or any agent with plagio connected. It reads the site live, with spacing, radii, shadows and the states this page leaves out.

Use plagio's extract_brand on https://chromatic.com/, then restyle my site with its colours, type scale and spacing. Keep my content, layout and logo; take the system, not Chromatic's copy.

More developer tools