Cobalt Canyon color palette — #F8EAF3 · #66BED5 · #008CCA · #006E61 · #001036

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Cyan (#66BED5): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#008CCA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E61): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#001036): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Softworn Grove color palette (#F7E3EA, #70B7F0, #547CE2, #006B77, #15033D)
• Worn Grove color palette (#F9E8F3, #3BB5AF, #008395, #006133, #000B13)
• Worn Turquoise Workshop color palette (#EBEEDD, #1CB4D3, #007190, #00494F, #001623)
• Hazy Wisteria color palette (#E0EEF6, #8ABBFF, #B688F7, #00867F, #001B28)
• Petrol Villa color palette (#F8EBE4, #85C2D1, #006CA9, #00402E, #010014)
• Linen Lagoon Courtyard color palette (#F9E9F4, #81E4F8, #55AFDE, #05937C, #152E4E)
• Wandering Scarlet Market color palette (#D5EBF4, #009BC5, #EC1500, #006C8B, #260100)
• Muted Denim color palette (#EBE5DA, #4796AA, #00506E, #002C2B, #00050D)

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