Tempered Fern color palette — #E7F6F1 · #C1D9D9 · #87B4C2 · #506500 · #032018

Olive and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Silver (#C1D9D9): A whisper-light, dusty teal — the color of sea glass.
• Ash (#87B4C2): A luminous, dusty blue — the color of open sky before noon.
• Olive (#506500): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#032018): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Fern into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Cypress Villa color palette (#EBF4F5, #D1D6DF, #A9B9CB, #047565, #102427)
• Olive Courtyard color palette (#F6F6E7, #CFE3D2, #B0CFBE, #608E2B, #272611)
• Abyss Pier color palette (#DAE2E5, #A4B6C2, #838EA0, #004F4C, #000D11)
• Antique Harbor color palette (#CCEFD8, #77A453, #006C4F, #4B3D00, #0B1B00)
• Muted Spruce color palette (#D7E9E6, #799397, #556F7E, #00340B, #000201)
• Timeworn Forest Atelier color palette (#D7ECDE, #006D40, #3F3E46, #002427, #000A0A)
• Garnet Atelier color palette (#ECE9D8, #5FA586, #0D7591, #6D2A37, #410717)
• Aubergine Study color palette (#BCECE6, #108F2B, #700384, #4B0050, #210015)

Browse the whole catalog at Explore, or see today's palette.