Tempered Coast color palette — #E8F5F1 · #C4DBE3 · #9EC9CA · #5C7622 · #142A24

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

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Silver (#C4DBE3): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#9EC9CA): A luminous, dusty teal — the color of sea glass.
• Olive (#5C7622): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#142A24): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Fern Loft color palette (#DEEDEA, #BCD0CF, #88ABAF, #396122, #0B1916)
• Softworn Drift color palette (#EAF4F5, #CEDBE6, #B5BFCC, #4D7F82, #242E2F)
• Olive Boulevard color palette (#F7F6E8, #D2DDD3, #B0C3A7, #627325, #494000)
• Worn Moss color palette (#EDF8F4, #CBE4EF, #B4B8CC, #8D9B3D, #293933)
• Twilit Delta color palette (#C5F4F1, #008043, #00322A, #001413, #000503)
• Pine Villa color palette (#E1F8ED, #93B561, #2B7F33, #504E25, #192502)
• Patina Abyss Workshop color palette (#DDF1F4, #8CA5AD, #638191, #004037, #000507)
• Softworn Moss Basin color palette (#D7FEDE, #64A600, #00725B, #492C6D, #002407)

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