Wandering Cobalt color palette — #FBF0E4 · #9FCDF6 · #6B77B3 · #005B5D · #341322

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

The five colors

• Cream (#FBF0E4): bright and airy, almost weightless.
• Sky (#9FCDF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#6B77B3): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#341322): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, 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

• Aged Cerulean color palette (#FBEFEB, #85D8DB, #2A87A9, #1F5D34, #2E162F)
• Softworn Cobalt Courtyard color palette (#F3F7EB, #A7CFC4, #4D79B6, #005A7E, #4C2F49)
• Powdered Sapphire color palette (#FFEEE2, #51CAFE, #306ECD, #00524A, #1B044B)
• Weathered Petrol color palette (#FFF1F5, #C0D7EF, #7F93CC, #007A8A, #3B3558)
• Ancient Courtyard color palette (#ECDED6, #0099B8, #004C7F, #002D22, #02001C)
• Feathered Atelier color palette (#F9E4C9, #A76F00, #456CB7, #5A488E, #1F1000)
• Quiet Sapphire color palette (#F6E6D6, #DB8B24, #236CC5, #794800, #051C39)
• Softworn Mint Harbor color palette (#FFEFDF, #E1DE98, #73CAA8, #8E5858, #332713)

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