Wandering Cobalt color palette — #F7EAF0 · #A2CAE6 · #3E89D8 · #006C6B · #222955

Azure and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Sky (#A2CAE6): A luminous, dusty blue — the color of deep harbor water.
• Azure (#3E89D8): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C6B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#222955): A deep, shadowed, dusty 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 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

• Iris Meadow color palette (#FDF2F6, #BCD8F1, #6C94E1, #007A85, #37355C)
• Cerulean Lantern color palette (#F6EAF3, #87D3D7, #0095B6, #006F4D, #00314F)
• Azure Grove color palette (#FAF4EB, #C1F3DD, #5A98CD, #006872, #021A4A)
• Washed Petrol Meadow color palette (#ECF1E0, #7BBBDB, #126FA2, #004D5E, #033053)
• Ancient Turquoise Harbor color palette (#FCF2F9, #90EDF1, #00ACD2, #00875D, #0C4467)
• Patina Powder Loft color palette (#FAF3F6, #DADEED, #90B3E8, #40959A, #4A5266)
• Petrol Workshop color palette (#F6E7F1, #4CB1C6, #006E9C, #004B3F, #001232)
• Airy Powder color palette (#D4F5FA, #85EDFA, #7ABAFF, #53894B, #0B3A45)

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