Tempered Coast color palette — #FDECF7 · #BE6D58 · #8A7228 · #005F58 · #281022

A conversation between Caramel and Walnut, giving this palette its sense of nature and growth.

The five colors

• Blush (#FDECF7): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#BE6D58): A luminous, balanced orange — the color of toasted spice.
• Walnut (#8A7228): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#005F58): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#281022): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Antique Terrace color palette (#FBEDF6, #B6725F, #2D8765, #00597D, #271121)
• Muted Bronze Balcony color palette (#FBEEF3, #A7662F, #616413, #004755, #140D1E)
• Powdered Olive Atelier color palette (#FFF1F7, #B56D31, #45822E, #00624E, #402C35)
• Pale Studio color palette (#F6EEFD, #BE7196, #696912, #00485F, #2D0C3B)
• Aged Nightshade color palette (#FFECF2, #AE6900, #007E60, #262FB6, #200F00)
• Timeworn Taupe Terrace color palette (#EAF6E9, #B58D55, #768C56, #046981, #192719)
• Ancient Bronze color palette (#F5E5FF, #DC9994, #A26038, #644300, #2A2700)
• Aged Summit color palette (#F5F0F5, #DDD4D5, #B2C3BE, #A65C5F, #302930)

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