Tempered Fern color palette — #C8ECF4 · #8B9ACC · #7F5877 · #524800 · #28371A

A conversation between Deep Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Frost (#C8ECF4): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8B9ACC): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#7F5877): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#524800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#28371A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Muted Basalt color palette (#DBE7F8, #838CA9, #775A7E, #543500, #232500)
• Washed Field color palette (#E8F3D1, #63A8BC, #606693, #59471D, #3A3630)
• Washed Abyss color palette (#DDEAFF, #B68B98, #89645A, #405336, #07453B)
• Fern Meadow color palette (#E0EBE0, #8AB0A6, #8E6E77, #4B611F, #354A00)
• Chestnut Veranda color palette (#F8E1F9, #C0A0B1, #917295, #80530A, #3C3F00)
• Ancient Lilac Dune color palette (#DDEDF8, #A584CD, #9B555F, #005B64, #123E56)
• Lilac Boulevard color palette (#D6EEF5, #97B8E8, #B782C6, #62825F, #20411E)
• Indigo Corridor color palette (#D4EBFD, #7F6DB0, #713C45, #00342E, #001C22)

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