Tempered Coast color palette — #EDF8F4 · #97CCEC · #BD73A3 · #1F8ABD · #331D1E

Built around Cerulean, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sky (#97CCEC): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#BD73A3): A luminous, balanced pink — the color of a candy shop window.
• Cerulean (#1F8ABD): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#331D1E): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, 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

• Softworn Iris color palette (#EEF8F0, #89D2DC, #8F81D5, #00919E, #2E1F27)
• Ancient Iris color palette (#FAF3F8, #C0CFFF, #C68793, #7889C5, #392926)
• Patina Summit color palette (#EFF6FB, #CEDEFC, #E273A4, #0896CA, #170E1C)
• Washed Balcony color palette (#F6F8DC, #86B3F6, #9C75AB, #4B6E40, #4C3544)
• Linen Periwinkle color palette (#F9F3F8, #BDD7FF, #AD9DFF, #6BA1F9, #2D1F27)
• Misty Ultramarine color palette (#F1F6FD, #97AFDB, #825BA1, #2157C0, #222233)
• Sunlit Garnet Veranda color palette (#E3F1FF, #A9BAF3, #9A81CA, #854984, #691945)
• Washed Coast color palette (#F9F3F8, #E4D7D7, #CFBCB6, #778EC3, #4E444C)

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