Tempered Coast color palette — #F9F3F9 · #EAD3D4 · #C3ADB1 · #4A6490 · #40373F

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Bone (#EAD3D4): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#C3ADB1): A luminous, dusty red — the color of embers at dusk.
• Slate (#4A6490): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#40373F): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Tempered Cobalt Dune color palette (#F1F6FC, #DCD7E0, #C7B9C5, #5F81B6, #313B48)
• Worn Meadow color palette (#FFF1F5, #EBC9CB, #BF9E98, #7139A1, #402C33)
• Antique Mulberry color palette (#FEF2F2, #EAD7C6, #D4B5A5, #964B83, #4C3B3C)
• Driftwood Ridge color palette (#FCF2F4, #E3D8D3, #A8AEA2, #9D7580, #575152)
• Weathered Navy Coast color palette (#F4EAF1, #C6B3BA, #A48589, #313F7B, #261B23)
• Timeworn Fern color palette (#F5E3F3, #BE94A7, #946A66, #50590E, #27462C)
• Patina Pine Alley color palette (#FEF4E3, #96A26A, #377239, #623E51, #37362F)
• Weathered Lilac color palette (#FFF0F8, #78C5FF, #AA97FE, #AD5593, #432231)

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