Tempered Coast color palette — #E4F2EE · #C2D7DE · #9FBFD0 · #849D56 · #1E332D

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

The five colors

• Cream (#E4F2EE): bright and airy, almost weightless.
• Silver (#C2D7DE): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#9FBFD0): A luminous, dusty blue — the color of deep harbor water.
• Moss (#849D56): A luminous, balanced green — the color of fresh herbs.
• Deep Forest (#1E332D): 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

• Antique Olive color palette (#E8F1ED, #C8DCDB, #A2BDC4, #6D792F, #21322C)
• Teal Alley color palette (#EAF8FB, #CBDCEF, #B1C1DE, #00B09B, #1C383C)
• Emerald Parlor color palette (#D1ECDF, #A7C779, #56A65A, #7A7844, #003128)
• Wandering Fern Orchard color palette (#EAEAE1, #CBCCC1, #A1A791, #426000, #17160A)
• Muted Lime Grove color palette (#C8E8CE, #77C300, #009F7F, #7451A1, #0C2C12)
• Washed Canyon color palette (#D6EAEB, #A0B3C3, #8699B3, #008566, #00181A)
• Washed Mint Boulevard color palette (#DFECDE, #67D2AE, #4FA6B1, #836687, #3F2A4A)
• Emerald Parlor color palette (#CEF3F1, #00A758, #176153, #143635, #000605)

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