Tempered Coast color palette — #E1EFE7 · #CCBFCD · #B79BAC · #006B87 · #0D251A

Peacock takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#E1EFE7): bright and airy, almost weightless.
• Stone (#CCBFCD): A luminous, dusty pink — the color of peonies in June.
• Mauve (#B79BAC): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#006B87): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#0D251A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Denim color palette (#E8F3EF, #BFAEBA, #A98C96, #00568E, #001913)
• Dusty Cypress Veranda color palette (#E8EDE5, #BAC8BD, #8AAE9F, #00715E, #1A2214)
• Timeworn Cerulean color palette (#DFECE6, #ADC5C8, #AAA9D3, #008BBD, #11241D)
• Worn Cobalt Orchard color palette (#FCF1FC, #ECD7E2, #DDB0BC, #3F78C4, #3D2C3D)
• Pewter Studio color palette (#D0E7EF, #8095BF, #785B8D, #4B4D23, #2C2E00)
• Jade Workshop color palette (#F0EEDB, #61A376, #007161, #004D63, #00220D)
• Nightshade Corridor color palette (#F7EAF2, #B49EA5, #9A7E80, #3A3491, #13040E)
• Tempered Nightshade Terrace color palette (#E8E1CB, #008FAB, #4246B7, #443700, #001828)

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