Tempered Fern color palette — #E3EFEC · #A2B8BA · #7393A1 · #225000 · #000E0B

Deep Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E3EFEC): bright and airy, almost weightless.
• Ash (#A2B8BA): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7393A1): A luminous, dusty blue — the color of open sky before noon.
• Deep Olive (#225000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000E0B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Abyss Atelier color palette (#DEEAEA, #92A3A8, #608097, #004225, #000606)
• Hushed Forest Villa color palette (#E8F5F6, #BCD9E6, #99AEC3, #006B53, #041E20)
• Tempered Olive color palette (#E6E7DD, #BEC8B8, #8DAE98, #2F7200, #202111)
• Wandering Pine Boulevard color palette (#DAF4E8, #4F8854, #004F45, #2D2B00, #000B01)
• Sunlit Amber Hollow color palette (#C3EEED, #BA9200, #009465, #006187, #000907)
• Antique Lagoon Atelier color palette (#EEEDD2, #3F8C6F, #2F5772, #541F14, #2D0300)
• Ancient Study color palette (#EBE0EF, #4D7200, #00444A, #3D0020, #000703)
• Smoked Aubergine color palette (#CFE9E4, #2F6F0B, #4B0066, #370018, #0C0003)

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