Palette

Colour schemes built on an artistic (RYB) wheel, where red's complement is green rather than cyan. Every shade is checked for contrast, and the CSS export actually works. The palette lives in the URL, so the link is the palette.

Base

Saturation — 45%

Brightness — 58%

Start from a colour

Palette

primary12°

secondary342°

tertiary42°

Export — CSS custom properties

Prefix

Tailwind @themetext-on colours

/*
 * Colour palette
 */

:root {
  /* primary — hue 12° */
  --color-primary-50: #f2d5d1;
  --color-primary-200: #cf9b95;
  --color-primary-500: #945851; /* base */
  --color-primary-700: #623732;
  --color-primary-900: #381e1b;

  /* secondary — hue 342° */
  --color-secondary-50: #f2d1e6;
  --color-secondary-200: #cf95b9;
  --color-secondary-500: #94517b; /* base */
  --color-secondary-700: #623250;
  --color-secondary-900: #381b2d;

  /* tertiary — hue 42° */
  --color-tertiary-50: #f2dfd1;
  --color-tertiary-200: #cfac95;
  --color-tertiary-500: #946c51; /* base */
  --color-tertiary-700: #624532;
  --color-tertiary-900: #38271b;
}