Wandering Cobalt color palette — #F7EFF3 · #A7CDE5 · #3880C1 · #005C59 · #132039

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Sky (#A7CDE5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3880C1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C59): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#132039): 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 Wandering Cobalt 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

• Washed Cobalt color palette (#E9F9F7, #9ACEE5, #1981B2, #005D6D, #223D54)
• Iris Meadow color palette (#EEF3EE, #C5E0FA, #778BC5, #006A79, #242947)
• Petrol Harbor color palette (#F2E5EE, #70C4C3, #00788E, #004E2F, #001827)
• Tempered Indigo Workshop color palette (#E9EEFE, #716FC8, #816D00, #006E38, #0C1229)
• Worn Bloom color palette (#F4F6EE, #BCE1F2, #51B1E5, #007C8F, #0B362C)
• Wandering Lagoon color palette (#F2E2ED, #279BA1, #005266, #002D1D, #00050C)
• Dusty Blush color palette (#EEF1FF, #EBCEEC, #E2979E, #5774A8, #25253F)
• Ultramarine Delta color palette (#E6DBDF, #60A5D0, #0C51B6, #00393C, #09022A)

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