Tempered Cobalt Coast color palette — #F9F3FA · #A7C7EE · #A67BBC · #3281DA · #321D23

Azure takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Sky (#A7C7EE): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#A67BBC): A luminous, balanced violet — the color of wild irises.
• Azure (#3281DA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#321D23): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Cobalt 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

• Aged Iris color palette (#EFF8F1, #8FD1DA, #8D83CE, #00919E, #311C28)
• Patina Indigo color palette (#FBF2F7, #BFBCFA, #C87185, #7A70D1, #351D18)
• Wisteria Terrace color palette (#EFF6FF, #D8D8F4, #BC85D0, #5F8CC4, #12101D)
• Iris Cabin color palette (#F9F3F7, #E3D7D7, #CDBCB8, #7F8BC5, #4D454B)
• Softworn Lilac Lagoon color palette (#FEF4E3, #A7AAEE, #A66EAE, #786000, #4F3340)
• Mulberry Hollow color palette (#F1F5FF, #BEBBEE, #A883CE, #93409A, #6A0850)
• Patina Plum color palette (#EEF8F3, #65BAE4, #AB476C, #00688D, #2E201E)
• Timeworn Boulevard color palette (#FDF0FC, #6F92C8, #AD614B, #606900, #1C311F)

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