Tempered Coast color palette — #E9F9F6 · #B5DCB9 · #5C9976 · #87562C · #002F2C

Coffee and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Pistachio (#B5DCB9): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5C9976): A luminous, balanced teal — the color of glacier melt.
• Coffee (#87562C): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#002F2C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Gentle Moss color palette (#DDFFED, #BDCD71, #658D00, #7D4B00, #1D2100)
• Lagoon Basin color palette (#E5FAF9, #90CAAE, #008A70, #515618, #001E12)
• Tempered Terrace color palette (#EEF8F0, #BAE7E2, #A3A266, #8F697E, #21402F)
• Washed Alley color palette (#E9FBE9, #EBB367, #00C29B, #A06900, #003025)
• Teal Bloom color palette (#ECF8F4, #ACD7B1, #23B99B, #9E7496, #1C3C39)
• Cypress Terrace color palette (#F5F7E9, #72AA80, #0F754F, #504A44, #35362F)
• Driftwood Bloom color palette (#D2E7DA, #939245, #495400, #432100, #010100)
• Olive Market color palette (#D3F1E9, #57894F, #00491F, #231A00, #000200)

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