Cobalt Canyon color palette — #F4EDE3 · #98CDE5 · #318ECB · #006B71 · #102D55

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Sky (#98CDE5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#318ECB): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006B71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#102D55): A deep, shadowed, balanced blue — the color of deep harbor water.

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

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

• Hushed Azure Courtyard color palette (#EFF8F0, #CDE1FF, #009AE8, #00696F, #081E3C)
• Washed Cobalt color palette (#F6ECDD, #8DB5DE, #5072BB, #00566D, #18144D)
• Worn Petrol color palette (#FBF4EA, #BADED0, #6D98CB, #10798A, #4D2E48)
• Timeworn Periwinkle color palette (#F5EBF0, #9CDEFA, #65A6FA, #009380, #2A284E)
• Linen Turquoise color palette (#FEF4E4, #9DEBEA, #00AFC4, #008568, #00475B)
• Petrol Courtyard color palette (#EEE6D9, #5EB0BF, #007191, #004B45, #001626)
• Weathered Basin color palette (#ECE3D5, #7297B6, #1353B0, #003947, #04002D)
• Cerulean Lantern color palette (#F9F4EE, #CAE8E9, #8BBDB0, #4F929C, #604B5D)

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