Freesia Linen color palette

Freesia Linen is a 4-color palette drawing on greens, pinks and neutrals. In OKLCH its lightness runs from 70% (#6FAF7F, medium-light) to 98% (#FFF8E7, very light), and its most saturated color, #6FAF7F, is moderately saturated. 1 of its 3 chromatic colors sit on the warm side of the hue wheel. 0 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged spring, pastel, green, light and calm.

SpringPastelGreenLightCalm

Color codes

ColorHEXRGBHSLOKLCH
Muted Teal #6FAF7F rgb(111, 175, 127) hsl(135, 29%, 56%) oklch(69.8% 0.097 151.2)
Tiffany Blue #8FC9A6 rgb(143, 201, 166) hsl(144, 35%, 67%) oklch(78.6% 0.078 157.6)
Mimi Pink #F7C5CC rgb(247, 197, 204) hsl(352, 76%, 87%) oklch(86.9% 0.058 8.9)
Cornsilk #FFF8E7 rgb(255, 248, 231) hsl(42, 100%, 95%) oklch(98% 0.024 88.2)

Accessibility

The best text and background pairs in Freesia Linen, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.

PairWCAG 2LevelAPCA Lc
#FFF8E7 on #6FAF7F 2.44:1 Fail Lc -51.2
#FFF8E7 on #8FC9A6 1.79:1 Fail Lc -35.9
#F7C5CC on #6FAF7F 1.70:1 Fail Lc -26.7

Color vision

1 pair of colors come within ΔE 0.06 of each other under at least one simulation.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Achromatopsia

Use it in code

Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/6faf7f-8fc9a6-f7c5cc-fff8e7.json.

Make it your own

Edit the colors, build a full light and dark color system from them, or see them on real UI.

Gradients from these colors