Tempered Coast color palette — #FAF3F6 · #E3D7D6 · #ADB2BE · #B68EA3 · #585054

A conversation between Dusty Rose and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#E3D7D6): bright and airy, almost weightless.
• Ash (#ADB2BE): a calm mid-gray that lets other colors speak.
• Dusty Rose (#B68EA3): A luminous, dusty rose — the color of a warm blush.
• Charcoal Brown (#585054): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. 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 Quarry color palette (#F1F7F2, #D2DDDB, #A5B7BF, #85A589, #4D554E)
• Cocoa Cabin color palette (#F0E7EA, #9CA99B, #748E78, #683700, #12050A)
• Taupe Station color palette (#EEF8F3, #B9DACC, #90A56A, #91747E, #3F524A)
• Fern Dune color palette (#DBE5E2, #A5B9B5, #79A17F, #425D00, #031813)
• Timeworn Taupe Hollow color palette (#EDF9EF, #E4B382, #A88F51, #4E7A62, #3C4D3C)
• Emerald Coast color palette (#EFF7F2, #C3B074, #6A9B62, #297771, #56374C)
• Wandering Harbor color palette (#EAF0EB, #CEDBD2, #A1C0B0, #926A00, #273129)
• Weathered Amber Boulevard color palette (#ECF5EB, #C2914B, #495E4F, #303C30, #252022)

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