Cobalt Market color palette — #FFF1F7 · #BFB3F4 · #BA9C4E · #567BC2 · #3A305A

Azure takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Lavender (#BFB3F4): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#BA9C4E): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#567BC2): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3A305A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Timeworn Cobalt color palette (#FEF2F2, #E9B4DA, #B0AC76, #7482C1, #58344F)
• Cerulean Orchard color palette (#E7FAF5, #85C4FE, #D28E60, #008AA9, #003F4F)
• Weathered Blush Station color palette (#FFF1F3, #DDAADC, #DB8095, #009089, #4E274D)
• Ash Cabin color palette (#FFF1F4, #E6CDD2, #DEB09E, #6E9CBF, #6A4854)
• Tempered Boulevard color palette (#FAF2FC, #D38F9A, #8C832C, #006B6F, #3B2F5C)
• Lagoon Dune color palette (#FDF3E9, #E5B479, #C4965D, #009087, #59242F)
• Washed Market color palette (#FBF3EE, #C6E7E8, #A4BEEE, #2AAEA3, #5E3B4E)
• Linen Lapis Meadow color palette (#FFEEE6, #EC9889, #7EAB48, #684FC6, #521007)

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