Cocoa Terrace color palette — #DDF4E3 · #554300 · #23262C · #0E1000 · #000401

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

The five colors

• Honeydew (#DDF4E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#554300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#23262C): a grounded near-black with real depth.
• Ink (#0E1000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Bronze Alley color palette (#F6E7CB, #937600, #404700, #251C00, #030100)
• Dusty Harbor color palette (#F1E5D2, #785C00, #384643, #152B08, #0E0800)
• Cocoa Lagoon color palette (#FFE1ED, #683600, #3B3A33, #160D00, #0A0004)
• Forest Orchard color palette (#CFECEE, #00644B, #3C373F, #001F1F, #000C0D)
• Olive Corridor color palette (#E4F7F2, #658950, #264242, #1D2C29, #0D1717)
• Airy Chapel color palette (#DEEAD6, #3A6900, #004D92, #750027, #081600)
• Forest Quarry color palette (#D5F1E6, #60874A, #005329, #4E1E04, #0C2100)
• Aubergine Bloom color palette (#D0F4E9, #67891D, #6C099B, #2E4100, #2A0040)

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