Tempered Coast color palette — #EDDCE3 · #D88343 · #745E38 · #4F3240 · #120A10

A conversation between Mustard and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#EDDCE3): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#D88343): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#745E38): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#4F3240): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#120A10): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Muted Coral color palette (#F8E4F5, #DF7874, #785569, #4A3448, #120A14)
• Amber Meadow color palette (#E6F2E6, #CA8D31, #4A6A57, #30422F, #140A0F)
• Bronze Lagoon color palette (#EBDBE0, #AB6700, #514000, #2D1700, #050003)
• Wandering Alley color palette (#FAE5EF, #C56004, #204935, #301925, #120A13)
• Patina Stone color palette (#E9F5EF, #B9BB82, #67827C, #485951, #1C241E)
• Muted Quarry color palette (#D7EAE5, #77B636, #3B7554, #1B4B42, #02160F)
• Washed Alley color palette (#F8E8DF, #EAB267, #C89000, #867300, #3F4000)
• Antique Hollow color palette (#E9F9F7, #9FD8C2, #5CB1A9, #A8737B, #043D41)

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