Wandering Cobalt color palette — #FAF0E9 · #ABD2BD · #3E7FC3 · #005D4D · #1B1B3E

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

The five colors

• Cream (#FAF0E9): bright and airy, almost weightless.
• Pistachio (#ABD2BD): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3E7FC3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1B1B3E): 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

• Cornflower Delta color palette (#FBF0E4, #A5D6FB, #5677F1, #006261, #2A1A46)
• Muted Cobalt color palette (#FAF4EB, #A5D1BB, #277FB6, #005F64, #4A2F4B)
• Forest Lantern color palette (#F3E6E2, #80C1BF, #007792, #005012, #00172E)
• Ancient Azure color palette (#FBF2F7, #A2DFF7, #6999D0, #177D6B, #2E3959)
• Tempered Iris color palette (#F8E8F1, #897AED, #466900, #005837, #210B19)
• Lagoon Ridge color palette (#F5E4DD, #49989A, #005168, #002E0E, #00040F)
• Worn Navy color palette (#E9DFD7, #43819E, #003584, #00201C, #010009)
• Frosted Thicket color palette (#ECE0D5, #6FA4C3, #2850AE, #003A36, #0E0029)

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