Cobalt Canyon color palette — #F9ECE1 · #87CFF0 · #318ADC · #006C6A · #212A52

Azure takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Sky (#87CFF0): A luminous, balanced blue — the color of deep harbor water.
• Azure (#318ADC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C6A): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#212A52): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cerulean Field color palette (#FAEBE4, #72D7DA, #0095B4, #006F4A, #09314A)
• Patina Azure Pier color palette (#EDF9EF, #D3DFFC, #4A98D6, #006871, #031B46)
• Petrol Workshop color palette (#FBF4ED, #AADBFF, #7795CD, #007B84, #4F2E42)
• Antique Petrol Drift color palette (#FAEBE1, #7FBBD6, #3A68A8, #005147, #2B2459)
• Gentle Studio color palette (#FFF2EC, #94EDEF, #00ADD0, #00875A, #004469)
• Aged Chapel color palette (#F3E4DC, #4BB1C7, #006E9B, #004B3F, #001232)
• Worn Ultramarine color palette (#EDE0D2, #4F98D5, #2E4ABA, #003A42, #0B0027)
• Hushed Peony color palette (#FBE7EE, #DF3990, #00906C, #00787B, #370E22)

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