Cobalt Canyon color palette — #F9F4EE · #BAE8DC · #6788CD · #006D89 · #5B3C51

Slate Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Mint (#BAE8DC): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6788CD): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5B3C51): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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

• Antique Cypress Field color palette (#F8F5EF, #CAE5E3, #6FA0BF, #287C7E, #5D4C5F)
• Muted Iris color palette (#F7F1EA, #B5E9DA, #7C89C4, #28696B, #40212E)
• Hushed Cornflower color palette (#FAF4EC, #A2D4FF, #2779F3, #006378, #343C65)
• Wandering Azure Workshop color palette (#EEF7F7, #D8DAF1, #9DBFF1, #5DA1C8, #384862)
• Lilac Dune color palette (#FFF1F4, #A96EB7, #A07100, #00787D, #4C2E35)
• Shell Study color palette (#FFF1F4, #E3D8D2, #FFB3B7, #7B6DA2, #61474A)
• Denim Drift color palette (#EAE1D4, #58ACC2, #005F82, #003E3C, #00213B)
• Hushed Balcony color palette (#FAF4EC, #AAD0B3, #0085A3, #006155, #174436)

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