Tempered Fern Coast color palette — #F8F5ED · #DFE1BC · #A9BD98 · #85A295 · #505100

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

The five colors

• Ivory (#F8F5ED): a clean, paper-quiet neutral.
• Celadon Mist (#DFE1BC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A9BD98): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#85A295): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#505100): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Fern Coast 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

• Washed Delta color palette (#ECF8F5, #ADDCD8, #7AA4A7, #61848F, #3E5250)
• Hushed Delta color palette (#FDF3E9, #D7C9A0, #86AC7E, #9F777F, #38352F)
• Mallow Cabin color palette (#FFF0F7, #C9BCFF, #C7C083, #8CAF76, #523A46)
• Worn Lagoon Parlor color palette (#EBF4EF, #A2CEC5, #54917C, #496578, #243532)
• Mint Harbor color palette (#F5ECC6, #78D98F, #00AE9F, #B6596D, #003915)
• Jade Corridor color palette (#F6EEDA, #6FA961, #00836B, #7C3F57, #021500)
• Worn Pier color palette (#EBE6D7, #5F9865, #007265, #004D76, #000901)
• Tempered Powder color palette (#D6FEE9, #B8DAFF, #A0B3F3, #9A8AC0, #6C454D)

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