Cobalt Canyon color palette — #F9F4ED · #A7D0BE · #497DAB · #005E68 · #293A5B

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Pistachio (#A7D0BE): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#497DAB): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#293A5B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Cerulean color palette (#FCF4E8, #ADCFB0, #2F8597, #006150, #164433)
• Cobalt Bloom color palette (#F6F0EC, #AFD0C2, #567BBC, #005C54, #211742)
• Weathered Basin color palette (#FBF2F6, #B5DAF4, #7195D4, #007D73, #3A335D)
• Softworn Sky Veranda color palette (#F0F7F1, #BCE7FF, #68B8FF, #249CAB, #283B56)
• Hushed Cerulean Ridge color palette (#EDE1D0, #4E9DA6, #005265, #003129, #001623)
• Soft Basin color palette (#D8E4D7, #57B378, #008362, #005A4E, #004242)
• Teal Archive color palette (#CCFFFC, #4BB7B3, #006D6C, #00403F, #002724)
• Cypress Studio color palette (#E6FDE1, #9AE5EF, #85B3D0, #3F7E5D, #354935)

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