Chalky Cobalt color palette — #FFF2EB · #9ED9EA · #1284D3 · #006952 · #333B6C

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Powder Blue (#9ED9EA): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1284D3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006952): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#333B6C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Weathered Loft color palette (#FFF2EA, #88C1D7, #006EC7, #005748, #2B276A)
• Dusty Cerulean color palette (#EAF5EC, #8DDEF4, #008EC0, #006260, #002745)
• Dusty Pine Chapel color palette (#FBF3F1, #CAE4CE, #4A94B6, #217344, #583D57)
• Aged Azure Loft color palette (#FCF4E8, #A5E7F9, #00A9E3, #008380, #194365)
• Hushed Navy color palette (#EBDED2, #6384A3, #2A2790, #002224, #100021)
• Weathered Onyx color palette (#F0DFD7, #739A80, #004F77, #003121, #06004A)
• Sunlit Corridor color palette (#FEF1F9, #B4F0FF, #6BBEFF, #2EA782, #313C6B)
• Misty Teal color palette (#D9FFF2, #27BF9A, #007E64, #004636, #002D24)

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