Cobalt Field color palette — #ECF9F1 · #B5A55A · #7776C2 · #775800 · #493400

Slate Blue and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Camel (#B5A55A): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#7776C2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#775800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#493400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Gentle Peony Garden color palette (#EAF9F7, #77B685, #AA649D, #705C00, #443700)
• Aged Terracotta color palette (#E9FAF1, #ADA868, #0090A6, #963C3E, #3E3900)
• Soft Workshop color palette (#F3F8E5, #67D682, #9B79B8, #844842, #471C18)
• Indigo Villa color palette (#E4FAFF, #00B2AE, #5866E5, #6F4F00, #003937)
• Muted Driftwood color palette (#D6FFF9, #B4D0CC, #88AAAC, #8E6C87, #2F5743)
• Chestnut Canyon color palette (#EDF7FC, #7BBEC8, #5A95B0, #9A542B, #194959)
• Antique Atelier color palette (#E8F9F9, #66B98D, #45926B, #6D45A0, #303E07)
• Hushed Emerald color palette (#CAF1ED, #00A942, #006CB6, #6F3600, #002D0C)

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