Cobalt Market color palette — #FFF2EC · #C3867C · #63986C · #5A72BB · #48403D

A conversation between Slate and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Dusty Rose (#C3867C): A luminous, dusty orange — the color of sun-warmed clay.
• Fern (#63986C): A luminous, balanced green — the color of fresh herbs.
• Slate (#5A72BB): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#48403D): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Washed Veranda color palette (#FFF1F1, #B985A6, #968B45, #29829B, #543B3B)
• Dusty Field color palette (#FFF3E4, #B69158, #2B9B9D, #8C659A, #46423B)
• Dusty Atelier color palette (#FFEEE7, #D6817A, #2F9DB1, #1A8699, #35221A)
• Dusty Turquoise color palette (#FAF1FF, #DF99B3, #32B5DC, #6597C4, #483D4F)
• Washed Grape Market color palette (#FFE5D7, #C65E00, #00866A, #692DD7, #4F2100)
• Chestnut Grove color palette (#FCF4E7, #C0B89F, #8F7F53, #7E5312, #524800)
• Tempered Cocoa Canyon color palette (#FFF2ED, #DFDACD, #9CBCCE, #B37882, #794215)
• Faded Mulberry Atelier color palette (#E4EACD, #6C7A00, #006C9A, #970054, #222700)

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