Cocoa Field color palette — #FDE4D4 · #A15F2F · #702C01 · #430C00 · #0B0300

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#FDE4D4): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#A15F2F): A full-bodied, balanced gold — the color of old brass.
• Rust (#702C01): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#430C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0B0300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Worn Bronze color palette (#F2E8DA, #866F26, #583F00, #321E00, #070500)
• Dusty Balcony color palette (#F3D5E7, #9E682E, #762900, #510013, #1E1400)
• Tempered Terracotta color palette (#FFDECA, #C28E5C, #954422, #591520, #060300)
• Softworn Rust color palette (#FCE4D5, #D78B60, #A74C27, #772215, #2D1600)
• Softworn Amber Atelier color palette (#FFEACE, #A98937, #785300, #4E2E00, #171100)
• Dusty Bronze color palette (#F9F1E3, #C6BA9F, #9F7C3A, #764F04, #312C1D)
• Dusty Olive Archive color palette (#D3EADC, #498B34, #4A4B54, #002F3A, #000A0E)
• Lowlit Villa color palette (#D9F9E6, #005263, #3A3000, #051F00, #000201)

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