Cobalt Canyon color palette — #F0F3EA · #ADDBCE · #4383D7 · #005C81 · #0A1F56

Built around Azure, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Oat (#ADDBCE): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#4383D7): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005C81): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0A1F56): 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 Cobalt Canyon 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

• Dusty Cerulean Harbor color palette (#F1F3E8, #99DBF0, #0090BA, #006169, #00293C)
• Denim Corridor color palette (#E3E7D8, #6190B2, #004B84, #002938, #000412)
• Muted Cornflower Basin color palette (#FEF1F5, #A3D4FF, #5678DB, #006571, #3F366D)
• Periwinkle Alley color palette (#E8F9F9, #BEDFFF, #4E9CFF, #007BAA, #2C3E66)
• Petrol Courtyard color palette (#E9EADF, #9EBDA0, #007984, #004C45, #001A1F)
• Feathered Amber color palette (#FFEFDB, #CB8900, #00997A, #7B5200, #00281E)
• Quiet Field color palette (#FFE7D9, #E27E0C, #9A5B00, #5C3A00, #301F00)
• Chalky Coast color palette (#FFF0D4, #DAA83B, #906C00, #463200, #190F00)

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