Wandering Cobalt color palette — #FBF1FC · #9DD3B3 · #3974B3 · #244467 · #281D29

Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF1FC): a clean, paper-quiet neutral.
• Pistachio (#9DD3B3): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#3974B3): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#244467): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#281D29): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Cypress Thicket color palette (#EFF8EF, #B3CF96, #008284, #004D4E, #1C241C)
• Dusty Courtyard color palette (#FEF0FA, #F6ADB8, #5C6AB8, #384064, #281E25)
• Antique Azure Field color palette (#EEF6FF, #EAD2A1, #6E98CB, #50657E, #1B222B)
• Ancient Petrol color palette (#FDF1FC, #FFDFC0, #5F77A0, #492D47, #150C15)
• Indigo Lagoon color palette (#FCF2F8, #B8BEFF, #B272C3, #7175CF, #2E1F23)
• Hushed Terrace color palette (#FAF3F6, #E5D8D6, #D1BCB8, #9185C3, #4F4449)
• Byzantium Drift color palette (#FFF1F4, #FF9C86, #913FA6, #52235E, #281419)
• Lapis Boulevard color palette (#F1DEEA, #FF7A8E, #4E24E4, #261E6B, #1B0715)

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