Cocoa Field color palette — #F2F5FD · #9690C7 · #8E5E80 · #7E3E38 · #174763

Built around Rust, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Blue Fog (#9690C7): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#8E5E80): A full-bodied, dusty pink — the color of a candy shop window.
• Rust (#7E3E38): A full-bodied, balanced orange — the color of autumn markets.
• Navy (#174763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Cocoa 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

• Tempered Quarry color palette (#F2F5FD, #9492C2, #8D5F80, #7E3E35, #553E13)
• Pewter Courtyard color palette (#F1F5FF, #BDC2DC, #9593AF, #806A7F, #5F4F5A)
• Washed Denim color palette (#EFF4FF, #B6B6E8, #8677BB, #6B5091, #4B4A6E)
• Weathered Chestnut color palette (#F8F3FB, #BF849B, #94624F, #665100, #304B28)
• Patina Fern Atelier color palette (#ECF7FE, #65A1BB, #676C9C, #3D5E27, #0E4D48)
• Peony Alley color palette (#EEF8F2, #61C0DD, #BA719A, #6B6D36, #43433C)
• Lilac Terrace color palette (#FBF2FA, #AAC7FF, #C197D0, #AB767D, #2A4A3C)
• Worn Pewter Workshop color palette (#E7F4FB, #58A9BF, #9A597E, #4D5013, #002F2A)

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