Cobalt Canyon color palette — #FFF2EB · #8FDBF5 · #2182D8 · #006856 · #383B63

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#8FDBF5): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#2182D8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006856): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#383B63): 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

• Hazy Forest color palette (#FFF2EE, #A0DBD9, #008DAE, #006C1E, #1A4268)
• Cobalt Market color palette (#FCF4EB, #A7CFC2, #5C73C0, #00605F, #512E3E)
• Cobalt Orchard color palette (#EBF5ED, #85DEFB, #008DC6, #006263, #002648)
• Powdered Garden color palette (#FFF2E9, #53C7EF, #006EC9, #005749, #2B256D)
• Patina Ash color palette (#FAF4EF, #C9E8E9, #8099CA, #407A75, #634A57)
• Hazy Cerulean Orchard color palette (#F9EEE7, #269FB6, #004E79, #003122, #07083F)
• Misty Sky Thicket color palette (#FFF0F9, #BCEEFF, #69BFFF, #00A79A, #2B3E69)
• Tempered Teal color palette (#D8FFF4, #00BFA0, #00776D, #00443E, #002D22)

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