Ancient Cocoa color palette — #F9F3FA · #CFA488 · #733F49 · #4B1D26 · #291D2B

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

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Camel (#CFA488): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#733F49): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#4B1D26): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#291D2B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Ancient Cocoa 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

• Pewter Corridor color palette (#FCF2F8, #DEB2C1, #745168, #4B2D41, #302122)
• Cocoa Courtyard color palette (#FDF2F7, #99B997, #76421F, #4A2102, #2B1D24)
• Weathered Loft color palette (#FFF1F0, #C3CA91, #A35378, #5D3634, #2A1E1D)
• Brick Station color palette (#F9F3F8, #E39793, #9E5C2A, #AE1E29, #321C27)
• Coral Dune color palette (#FFF2EE, #FFC89F, #C97B84, #7D594F, #2C1D1A)
• Ancient Taupe color palette (#E5F3E6, #B69659, #593D00, #2F1E00, #0A1A0C)
• Wandering Drift color palette (#EAFAED, #C18A5B, #836422, #045E33, #53323D)
• Antique Thicket color palette (#FFF2EB, #CF9D77, #A26B21, #694900, #483800)

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