Cobalt Canyon color palette — #EEF6FE · #F2B497 · #3576AC · #214564 · #18232D

A conversation between Slate and Melon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Melon (#F2B497): A whisper-light, balanced orange — the color of sun-warmed clay.
• Slate (#3576AC): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#214564): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#18232D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Weathered Canyon color palette (#F1F5FE, #BACD96, #686BA5, #364161, #1D212C)
• Patina Lantern color palette (#E7FAF3, #FCE2AF, #517C9A, #1A4135, #02130E)
• Aged Ash color palette (#FAF2FA, #FDC8B1, #7597C2, #735974, #281E28)
• Worn Iris Ridge color palette (#F2F5FB, #DED9E2, #C9BCC8, #7D8DC1, #44484F)
• Peony Atelier color palette (#F0F6FB, #97CBF4, #BE6EB3, #2687C6, #26212F)
• Soft Villa color palette (#D6E6FD, #DD9E00, #003FE5, #08276A, #040F22)
• Frosted Aubergine Bloom color palette (#DBDDEA, #7DB76C, #603D9B, #301756, #08091B)
• Hushed Powder Garden color palette (#DFFCF7, #8BB0FA, #A56FAF, #417141, #353C52)

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