Cobalt Market color palette — #F4F4FF · #F7D4D3 · #EEAE8A · #536FB1 · #5C3552

A conversation between Slate and Sand, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#F7D4D3): A whisper-light, dusty red — the color of embers at dusk.
• Sand (#EEAE8A): A luminous, balanced gold — the color of honey in a jar.
• Slate (#536FB1): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#5C3552): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Cobalt Market 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

• Dusty Petrol Coast color palette (#F5F3FF, #F0CEEF, #C2A26F, #645F99, #4A3952)
• Petrol Garden color palette (#EFF6FF, #F2D2EB, #F2A5B5, #007F9C, #41446A)
• Weathered Violet color palette (#FFF1F4, #EDD9C0, #C6C17C, #9160AA, #5B3E58)
• Ancient Lilac Orchard color palette (#F5F3FF, #F1D5D6, #FFACAF, #9E7CEC, #5B3955)
• Violet Study color palette (#FFECF0, #FFCBCD, #FAA5A5, #7E61D4, #3C1338)
• Timeworn Thicket color palette (#FDF1FD, #C6E3E6, #B8B4BE, #8F7FA2, #574751)
• Gentle Bronze Loft color palette (#FBDFF4, #DD9A92, #A67E00, #4C3F80, #380E1C)
• Hushed Periwinkle Workshop color palette (#FFF1F6, #E9D4D4, #E6CA95, #5EA9F7, #553654)

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