Cobalt Canyon color palette — #EEF6FE · #90B4D6 · #B49356 · #3077B1 · #39553E

Cerulean and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Sky (#90B4D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mustard (#B49356): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#3077B1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#39553E): A full-bodied, dusty green — the color of fresh herbs.

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

• Cobalt Thicket color palette (#EEF6FF, #8FB4D8, #CA8569, #2F77B3, #624155)
• Patina Violet Pier color palette (#F4F4FF, #ABABD4, #95A062, #845EA7, #2D5748)
• Aged Cobalt Canyon color palette (#EEF6FF, #A4C7F3, #D3AA62, #5C8FCC, #3C543F)
• Timeworn Bronze color palette (#F2F5FF, #9691C2, #B17B5E, #A3662B, #3C4157)
• Muted Pewter Basin color palette (#FFF0F9, #CBB0B8, #99738B, #804C56, #394D41)
• Grape Orchard color palette (#F1F5FF, #8C87DE, #9E7800, #5C00EC, #4B3700)
• Lagoon Boulevard color palette (#EEF6FF, #DDD9E3, #E2B4B5, #5F9B9D, #474E60)
• Denim Meadow color palette (#F3F5FB, #9DCBC0, #515D7F, #2D3755, #27242E)

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