Wandering Cobalt color palette — #FFF1F7 · #F5D1D1 · #FFB390 · #5D8DC8 · #613F46

A conversation between Slate Blue and Melon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Shell Pink (#F5D1D1): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FFB390): A whisper-light, balanced orange — the color of autumn markets.
• Slate Blue (#5D8DC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#613F46): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Timeworn Sunflower Garden color palette (#FFF1F7, #ECD7C6, #F3CC53, #9784C9, #4E4643)
• Timeworn Apricot color palette (#F5E9FF, #FFC9D6, #E5AD79, #5574A9, #4E282C)
• Mallow Veranda color palette (#EDF6FF, #EAD5E7, #FFA7CA, #3899AC, #3B3E62)
• Hushed Iris color palette (#F4F4FF, #EBDADA, #ABB8AE, #9395F4, #523254)
• Orchid Canyon color palette (#FFEFF3, #FFD1AB, #B9C356, #9E5FAD, #572925)
• Misty Violet Studio color palette (#F5F3FF, #FFCFF1, #EF9DC0, #8C5BAD, #5B3657)
• Tempered Chestnut color palette (#FFF2EE, #E0DDCE, #ABB7CF, #C59B9E, #7D441C)
• Marigold Thicket color palette (#F8D2F4, #FFABAF, #D1982D, #625F9C, #3A1615)

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