Deep Cocoa Loft color palette — #D3E5D8 · #5C4100 · #272400 · #000E0A · #020100

Built around Bronze, softened by Onyx — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D3E5D8): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#272400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000E0A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Midnight Courtyard color palette (#D2E8D9, #443F4A, #342800, #0A1518, #020200)
• Lowlit Garnet color palette (#DAEED8, #7F1F00, #381A00, #060E00, #030000)
• Twilit Chestnut Canyon color palette (#D8E4D9, #944F00, #303600, #070035, #020100)
• Smoked Fern Veranda color palette (#E4E3C5, #566310, #143F00, #001D1F, #000609)
• Muted Bronze Ridge color palette (#EBE6D0, #887A00, #415500, #003434, #00130B)
• Frosted Emerald color palette (#E4EDD1, #009859, #006052, #00325B, #00170D)
• Weathered Navy color palette (#D3E7E6, #477EA9, #003C70, #001D2A, #000106)
• Aged Amber Grove color palette (#FFF2C2, #AE8D00, #606800, #004943, #002314)

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