Cocoa Orchard color palette — #F8E2D0 · #703F00 · #004665 · #242454 · #0F0500

Built around Bronze, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#F8E2D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#703F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#004665): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#242454): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Cocoa Orchard 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 Workshop color palette (#E8DECD, #644600, #003F7E, #0C0097, #0D0600)
• Washed Garnet color palette (#FFD9D2, #920700, #004A50, #112D45, #170000)
• Deep Grove color palette (#F7EDD9, #524300, #4C007A, #2A0047, #060400)
• Velvet Bronze Hollow color palette (#EFE4CB, #8C6400, #1F2A2D, #231D00, #060400)
• Eclipse Drift color palette (#FBDDC8, #703800, #354500, #580036, #030100)
• Bronze Cabin color palette (#F1DFD1, #8C5C01, #5A2800, #3D0003, #0F0B00)
• Softworn Ultramarine color palette (#F9EAD7, #976600, #0068AB, #0040C7, #332000)
• Muted Grape color palette (#EAEDDC, #6A7200, #5F44B9, #5F2E93, #1F2200)

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