Tempered Coast color palette — #FBF2F4 · #E0D8D4 · #CBBCB1 · #85678F · #514447

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF2F4): a clean, paper-quiet neutral.
• Silver (#E0D8D4): bright and airy, almost weightless.
• Stone (#CBBCB1): A luminous, dusty gold — the color of old brass.
• Slate (#85678F): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#514447): quiet, heavy and certain.

Feels like: 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

• Washed Driftwood color palette (#FCF3F2, #DFD9D3, #A6AFA4, #A17573, #5A504F)
• Violet Market color palette (#F7EFF1, #DED6D0, #C5BBAE, #8B60A5, #36272C)
• Plum Station color palette (#FDF2F0, #E2D8CA, #CDB7A7, #AA4155, #503934)
• Wandering Fern color palette (#FFECEE, #C4A8A3, #9A8174, #5C6B27, #335449)
• Dusty Olive Lantern color palette (#FBF4EA, #BAAF8B, #677C48, #6E4F5D, #504100)
• Dusty Cocoa Loft color palette (#F4EAE3, #C3B7AB, #9C8C72, #722B00, #2C1B0E)
• Weathered Plum color palette (#F9DDDC, #A74B83, #442B25, #2B1A1A, #130A08)
• Weathered Aubergine Garden color palette (#F7EDEE, #B9A3A2, #9B756C, #581458, #240A10)

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