Wandering Cobalt color palette — #F3F7EB · #A0CAEF · #4B7AB3 · #135A78 · #283A5B

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Sky (#A0CAEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#4B7AB3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#135A78): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#283A5B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Cerulean Quarry color palette (#F5F6ED, #92D0E1, #1584A5, #005F65, #184435)
• Aged Parlor color palette (#F6F1EA, #ADD0C5, #5A7CB1, #00596C, #171C42)
• Softworn Petrol color palette (#F0F7F2, #BAD8F4, #7596CB, #007891, #2B3A5A)
• Antique Cerulean color palette (#E3E6D5, #1E9FBD, #00516A, #002F34, #001623)
• Softworn Lagoon color palette (#F9F4EF, #C9E8DE, #9CADF5, #009FA3, #42315A)
• Wandering Turquoise color palette (#D9FDFF, #00BBC1, #007278, #003F41, #00292B)
• Sapphire Studio color palette (#C9F0D1, #008A96, #4C61C9, #3D6732, #193220)
• Gentle Bronze color palette (#E1F6DA, #00A494, #967300, #00655B, #443300)

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