Tempered Coast color palette — #EEFAE4 · #008B6C · #8F5900 · #005843 · #223111

Fern takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EEFAE4): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008B6C): A full-bodied, balanced teal — the color of glacier melt.
• Ochre (#8F5900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#005843): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#223111): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Tempered Olive color palette (#F6F9D5, #3C8C00, #9F4C00, #465000, #2D2E04)
• Frosted Cobalt color palette (#D9FFF1, #007FB7, #8F5900, #00574D, #093328)
• Brick Canyon color palette (#DFFFE5, #008690, #C00032, #425100, #16321E)
• Washed Rust Harbor color palette (#D8FFF3, #46B0FF, #BF4922, #7A6400, #00342A)
• Fern Market color palette (#CCE6D4, #006F7E, #445D00, #2D3F00, #00220F)
• Tempered Cobalt color palette (#FEF0FF, #0076D9, #826000, #005556, #3A203C)
• Iris Harbor color palette (#FFF0F8, #8E85CC, #329180, #1C6E60, #483740)
• Hazy Fern color palette (#CDEEDE, #007294, #186B08, #004457, #002330)

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