Cocoa Terrace color palette — #DAE7DC · #5A4000 · #231E13 · #111000 · #050200

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

The five colors

• Parchment (#DAE7DC): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5A4000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#231E13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#111000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#050200): quiet, heavy and certain.

Feels like: 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

• Shadow Cocoa color palette (#FDE6F1, #6F3100, #3C3B34, #170C00, #0A0005)
• Spruce Courtyard color palette (#D5EAE6, #5B4F4D, #143700, #0D1F20, #000603)
• Chestnut Orchard color palette (#F2E5D3, #7F5800, #354440, #1C2900, #0F0800)
• Midnight Forest color palette (#DFF0EF, #00653F, #352B2C, #00201C, #000D05)
• Soft Canyon color palette (#DEE9CC, #4D6400, #005282, #740034, #0E1500)
• Olive Ridge color palette (#E7F6F1, #70864B, #284240, #172E28, #0E1818)
• Faded Forest Study color palette (#DCECE4, #6D834A, #05540F, #571200, #141F00)
• Chalky Grape Atelier color palette (#D7F5EA, #697500, #6538B1, #373E00, #22004A)

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