Cobalt Canyon color palette — #FBF2F7 · #A7CBDF · #0080C0 · #006157 · #293B56

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#A7CBDF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0080C0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#293B56): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Misty Aqua color palette (#FFF0FB, #59CBD5, #00799A, #005840, #00355B)
• Ancient Cornflower color palette (#FCF2F6, #C1E1FC, #6288D3, #006F79, #3F475F)
• Ultramarine Workshop color palette (#E9F1E8, #8CB6DD, #415DC7, #004E59, #2E274B)
• Hushed Navy Garden color palette (#E8DAE1, #3C8BA9, #003E6B, #002221, #020229)
• Washed Sky Pier color palette (#FAF4EB, #C8E9D6, #6BBCEA, #339D9D, #1A3C5E)
• Hushed Teal color palette (#E0FBFF, #40BEAB, #007667, #004236, #00271E)
• Powder Coast color palette (#D6FEFE, #B0E4FF, #72C0F5, #597A36, #1C434A)
• Tempered Jade color palette (#ECF3D6, #6DB15B, #00874E, #005C4C, #094052)

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