Tempered Coast color palette — #FBF2F7 · #ACCADC · #4B7DA9 · #00605B · #2A3A58

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#ACCADC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#4B7DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#2A3A58): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Wandering Cerulean color palette (#F1F3EA, #AED1BF, #2986B0, #005A66, #002339)
• Worn Quarry color palette (#FCF2F5, #C9DFF5, #7689B9, #006F7D, #3E4567)
• Abyss Market color palette (#F6EBF2, #76C0BE, #007589, #005330, #00324A)
• Abyss Orchard color palette (#E8DDE5, #549D9E, #005264, #00321E, #001625)
• Softworn Raspberry Parlor color palette (#F1DBFC, #B9507A, #007F65, #006171, #34243C)
• Muted Navy color palette (#F6E7EE, #5588A1, #003C74, #002222, #05002C)
• Denim Quarry color palette (#E8DAE0, #71A6C6, #25569A, #003E40, #191649)
• Aged Pewter color palette (#F9F2FF, #FFD3D0, #D3AD7D, #835E8F, #4C3952)

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