Cobalt Canyon color palette — #F7E9F4 · #83BCC5 · #007DB2 · #005C3C · #0B1B47

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7E9F4): A whisper-light, dusty pink — the color of a candy shop window.
• Ash (#83BCC5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007DB2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C3C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0B1B47): A deep, shadowed, balanced violet — the color of wild irises.

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

• Cobalt Field color palette (#FFF2EC, #94D9E3, #0084B9, #005435, #01072E)
• Softworn Cobalt color palette (#F8EAF2, #8FCFE8, #4A89D0, #006E5C, #27255A)
• Muted Grove color palette (#F1DEE8, #64ACCE, #2863BA, #004B43, #14053B)
• Wandering Grove color palette (#EDE7DE, #65ABB6, #00617A, #003F38, #002235)
• Periwinkle Terrace color palette (#D8F8F4, #75D4CD, #5EA1E7, #736900, #002B21)
• Weathered Lagoon color palette (#FCF2F8, #D1DFF9, #81A9D0, #428A75, #3B4762)
• Wandering Byzantium Terrace color palette (#C2ECED, #2AB080, #9130A9, #006244, #2E0039)
• Jade Boulevard color palette (#DBF7E7, #21B581, #007350, #003B2C, #000A05)

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