Ancient Cocoa color palette — #F4EBF0 · #DBCBD1 · #8FB093 · #842C00 · #070004

Built around Rust, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Blush (#F4EBF0): bright and airy, almost weightless.
• Oat (#DBCBD1): a clean, paper-quiet neutral.
• Sage (#8FB093): A luminous, dusty green — the color of fresh herbs.
• Rust (#842C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Black (#070004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Cocoa Cabin color palette (#E8F1E8, #C3D5C9, #8EAFA1, #6A4400, #000400)
• Garnet Lantern color palette (#F2ECF1, #DACBD3, #C298A8, #93061D, #070007)
• Worn Garnet color palette (#E8DBD5, #AC9D8C, #8E7A32, #671000, #0B0200)
• Rust Basin color palette (#EEE1EA, #A3BEB4, #77A8A8, #B24E3C, #1C0E19)
• Garnet Archive color palette (#D3E7D9, #8E953E, #365900, #57000C, #010100)
• Fern Summit color palette (#EEF8F4, #CBDDE1, #9DC3C3, #5A6700, #00110B)
• Dusty Rust color palette (#D3EAD7, #BC5300, #544000, #001F28, #030100)
• Washed Olive color palette (#F4E6DB, #9E8861, #5A6F0F, #003247, #040039)

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