Cobalt Canyon color palette — #F7F1E8 · #AAD2C0 · #4881B0 · #005A62 · #091F43

Built around Cerulean, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#AAD2C0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4881B0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#091F43): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Petrol color palette (#FAF0E2, #63CCE3, #007DA4, #00524E, #001C31)
• Gentle Cornflower color palette (#FAF0E2, #A8D5FF, #5380D5, #005F76, #1C1E4C)
• Weathered Hollow color palette (#E6DED1, #4380A3, #003C6F, #001E24, #00000D)
• Tempered Cypress color palette (#F6F1E9, #CCE4CA, #509AA4, #2B6C55, #073522)
• Hushed Orchard color palette (#F1F7F2, #BDD9EB, #519CD8, #007A85, #213A62)
• Denim Workshop color palette (#EAE0D0, #6AA3CC, #0055AD, #003843, #03012F)
• Misty Olive Hollow color palette (#FFDED9, #B55A77, #647812, #006192, #270806)
• Aged Mulberry Pier color palette (#FAE3E1, #CD6D96, #03916E, #8C2A5A, #002318)

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