Cocoa Field color palette — #F9EBE0 · #7C3E00 · #004657 · #351700 · #00070B

A conversation between Bronze and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EBE0): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#7C3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004657): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#351700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, 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

• Lowlit Coast color palette (#FFE1E0, #9A0021, #004847, #440009, #000808)
• Chestnut Parlor color palette (#F8EEDC, #7A5800, #243032, #1A1400, #030200)
• Cocoa Courtyard color palette (#FCE2D3, #642E00, #00394C, #1B1A42, #040100)
• Worn Bronze color palette (#EFD8E0, #985700, #006377, #532D00, #00070B)
• Cellar Nightshade color palette (#F8E5C9, #6A4B00, #1927A0, #2D1D00, #010024)
• Aubergine Courtyard color palette (#F6F0CF, #596700, #561FAB, #293100, #140033)
• Soft Station color palette (#EDDDE5, #C35D00, #007BA7, #853D00, #00070D)
• Amber Villa color palette (#FFE2D1, #B48611, #4B771F, #5C141A, #160900)

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