Cocoa Drift color palette — #EDDEC5 · #574200 · #18211B · #0A1000 · #030100

Built around Deep Olive, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#EDDEC5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#18211B): quiet, heavy and certain.
• Ink (#0A1000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cocoa Drift 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 Olive color palette (#E4E4D5, #436F00, #3E4A4D, #002C1F, #0B0A00)
• Softworn Bronze color palette (#F5ECDB, #816F00, #454B00, #173100, #000E05)
• Antique Emerald Alley color palette (#E4E7D5, #53A54D, #405436, #2E2F28, #1A1810)
• Weathered Garnet color palette (#E5E0D1, #538341, #005338, #540422, #010800)
• Grape Delta color palette (#E8E5C8, #5D7300, #7D00B8, #313E00, #0C0017)
• Washed Aubergine color palette (#E7E4D3, #526000, #5B00BD, #6C0059, #010200)
• Airy Corridor color palette (#F8D7C5, #87783E, #266115, #40245A, #1C0622)
• Ancient Ultramarine color palette (#F5E9DD, #5B9AC3, #004EBD, #003B3F, #08002A)

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