Cocoa Field color palette — #FAF2F9 · #8197C8 · #5B6F9E · #843A1F · #054E42
A conversation between Rust and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Blue Fog (#8197C8): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#5B6F9E): A full-bodied, dusty violet — the color of a velvet chair.
- Rust (#843A1F): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#054E42): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Creativity, Calm, Sophistication. Tagged muted, cool.
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
- Chestnut Villa color palette (#EDF9F2, #6AA1B3, #7B6592, #6D4D00, #244C36)
- Antique Boulevard color palette (#FCF2F9, #6C85CB, #974A22, #005639, #003B3A)
- Washed Terracotta Boulevard color palette (#F4F7EB, #7DA381, #4E71A5, #873534, #284C2D)
- Pewter Summit color palette (#ECF3FA, #769FD0, #7D62A2, #6A3B50, #002C39)
- Worn Iris Study color palette (#FAF2FA, #87B4F0, #997BC3, #8C5570, #314A33)
- Pale Study color palette (#DAFBEC, #98BEE3, #687FC0, #5B569E, #6A4352)
- Gentle Loft color palette (#E3FCF1, #0088BA, #7831A1, #503D00, #003647)
- Weathered Quarry color palette (#FAF3F0, #CCE6E2, #6CA1BD, #277F6B, #5E4B5F)
Browse the whole catalog at Explore, or see today's palette.