Chestnut Field color palette — #F4D7E7 · #B78E76 · #885640 · #5E2E23 · #290C1A

A conversation between Coffee and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F4D7E7): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B78E76): A luminous, dusty gold — the color of old brass.
• Coffee (#885640): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5E2E23): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#290C1A): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Washed Chestnut Harbor color palette (#F7D6E1, #B1936A, #855A2B, #5B3311, #031E0A)
• Tempered Chestnut Meadow color palette (#FAE3EE, #AF794A, #7E431B, #561B00, #1E040E)
• Garnet Harbor color palette (#EFE5EF, #C89368, #6F2F35, #360A10, #090309)
• Hushed Bronze Ridge color palette (#FFECF4, #C59FAD, #926B50, #68412F, #192718)
• Timeworn Veranda color palette (#FBEDF7, #DF8374, #935200, #903024, #100207)
• Tempered Amber Meadow color palette (#FFF0F9, #E6BF9C, #BB765B, #824248, #0C2815)
• Twilit Corridor color palette (#F4DDE4, #805813, #4F2D00, #281100, #030100)
• Patina Rust Canyon color palette (#F8E2F0, #B85230, #5F6D00, #005226, #1E0617)

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