Tempered Coast color palette — #ECF9EE · #B8E9E8 · #98B89D · #8F707E · #31443F

Sage takes the lead with Sea Foam close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sea Foam (#B8E9E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#98B89D): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#8F707E): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#31443F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Stone color palette (#FFF1F6, #C6F4EA, #C8A2B1, #8A7183, #32443B)
• Taupe Quarry color palette (#E9FBEA, #E6DFAD, #B79967, #845D71, #1B3830)
• Softworn Powder color palette (#F0F5FF, #AAC1FF, #AFB475, #828658, #2B323E)
• Antique Station color palette (#F7F1E7, #C2BB9F, #A17B3B, #784C32, #2C2E1C)
• Timeworn Summit color palette (#F0F5FF, #C9E9D3, #7285B2, #39475D, #171B22)
• Worn Mallow color palette (#F1F5FF, #EED4E4, #D49BC3, #A16576, #602A23)
• Marigold Bloom color palette (#FFF0F8, #E2A45F, #AB5F3A, #6C3233, #011809)
• Softworn Moss Coast color palette (#DBFFED, #BADF81, #9F9501, #7B5814, #0F3016)

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