Tempered Cobalt Coast color palette — #F3F7EC · #9FCBEB · #097CCC · #005C76 · #4A304B

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

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Sky (#9FCBEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#097CCC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C76): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4A304B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Patina Petrol color palette (#F4F8E5, #6DC5E4, #0078A1, #00545F, #003754)
• Softworn Lilac Ridge color palette (#FFEFFF, #D6E0FF, #A9A1F2, #2A6E9E, #4E394B)
• Timeworn Cerulean color palette (#F5F6EE, #A8D1B3, #00869E, #00605F, #1E4332)
• Plum Orchard color palette (#F5DBF2, #4575D5, #A336A2, #006869, #392238)
• Hushed Archive color palette (#F4F6EF, #C9E3E4, #709FC4, #3D788A, #5D4C5F)
• Timeworn Meadow color palette (#E4E8DB, #4C86B6, #003B76, #00202F, #000527)
• Patina Study color palette (#FAF4EE, #B9EDDA, #8FB0F7, #359E97, #3C335A)
• Muted Emerald color palette (#E1F4EC, #2498D1, #309000, #005D86, #1D3F13)

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