Cocoa Loft color palette — #D6E9DA · #574000 · #003D48 · #002128 · #070400

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

The five colors

• Honeydew (#D6E9DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#574000): A deep, shadowed, dusty gold — the color of old brass.
• Deep Teal (#003D48): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002128): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#070400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Deep Navy color palette (#F9E2CE, #653600, #003E45, #0A0060, #020100)
• Onyx Thicket color palette (#D7EDE1, #453E00, #00260E, #1B0030, #020200)
• Dusty Bronze color palette (#F5E4DB, #936800, #3A3E00, #00230D, #000F0D)
• Deep Onyx color palette (#EEDFD7, #784E00, #003B16, #230042, #0E0B00)
• Timeworn Basalt color palette (#E3EAE4, #97B0A6, #548A89, #4A3200, #0B170C)
• Obsidian Mulberry Meadow color palette (#F3E3FB, #7E0045, #00421D, #001B42, #0A0011)
• Deep Rust color palette (#EED8E4, #AC4300, #003E27, #441600, #000202)
• Velvet Garnet color palette (#F9EBF6, #8E030A, #00322D, #29001F, #170005)

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