Tempered Fern color palette — #F5F6EA · #98BA8D · #2277A1 · #337019 · #122921

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Sage (#98BA8D): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#2277A1): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#337019): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#122921): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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

• Ancient Villa color palette (#F7F5EE, #B6B362, #00807B, #676300, #192918)
• Cobalt Meadow color palette (#F2F7EC, #68C3A4, #4F6AB6, #007156, #2E1D2C)
• Timeworn Pine color palette (#E8F5F5, #8AC2A3, #00858D, #00784E, #001117)
• Emerald Grove color palette (#F4F6F0, #9AD3B4, #0CA3AA, #009863, #17291A)
• Wandering Canyon color palette (#FFF2EC, #49AC8B, #2E738D, #76383D, #30432E)
• Tempered Fern Loft color palette (#F3F6EF, #D2DEDA, #B3C3C3, #4B816C, #38510E)
• Quiet Coast color palette (#EAFBE9, #C1F4B4, #34CCBD, #4891D6, #20462F)
• Lowlit Cabin color palette (#DDE6D9, #006A5B, #330068, #00231D, #060002)

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