Weathered Cocoa Field color palette — #FAEEF8 · #D8A87F · #803F3B · #371B34 · #130811

Built around Coffee, softened by Camel — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FAEEF8): bright and airy, almost weightless.
• Camel (#D8A87F): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#803F3B): A full-bodied, balanced orange — the color of toasted spice.
• Deep Indigo (#371B34): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#130811): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

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

• Dusty Courtyard color palette (#FFF2EE, #B2B27F, #734048, #4C1B25, #291A0B)
• Stone Market color palette (#FCF3EF, #E8BA93, #98615C, #64312E, #2C1E18)
• Softworn Marigold color palette (#E8F7E7, #D29D30, #684300, #2F1C00, #000B01)
• Ancient Bronze Villa color palette (#F8EFF4, #E89E83, #9E6800, #984C2E, #071107)
• Muted Bronze Lantern color palette (#FFE8D4, #D9AA6B, #8F6F26, #564800, #242100)
• Timeworn Amber Grove color palette (#F3E1EB, #CC8200, #692600, #2A0B00, #080100)
• Softworn Pewter color palette (#FBF2FC, #EBEAAA, #A0616D, #452F49, #140C15)
• Obsidian Coast color palette (#EED7E7, #935800, #3C0800, #1D1B09, #090100)

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