Wandering Cobalt color palette — #FFF2EB · #86DDF4 · #0085D1 · #00694F · #323C6A

Built around Azure, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#86DDF4): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#0085D1): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00694F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#323C6A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Fern Coast color palette (#FFF2EE, #71E4DD, #008EAA, #226A1F, #1D4363)
• Cobalt Boulevard color palette (#FFF2EA, #62C6E7, #0070C2, #005747, #29276C)
• Aged Thicket color palette (#FBF4ED, #97CCF1, #5D75B6, #00605D, #4F2F3F)
• Cerulean Archive color palette (#FDF3EF, #C5E7C9, #4794B7, #3A6F4D, #563E56)
• Wandering Cerulean color palette (#E5F6F4, #9CDBED, #0090B8, #006168, #00293C)
• Tempered Denim Summit color palette (#FAE2D6, #3C9EB1, #004E78, #003121, #060C3A)
• Tempered Field color palette (#FFE1F7, #D500BA, #008478, #006677, #43233C)
• Navy Boulevard color palette (#E9DCCE, #4786B7, #262C8C, #002223, #0F0022)

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