Dusty Cocoa Ridge color palette — #D8ECDB · #005D65 · #6A3200 · #242B00 · #000301

Bronze and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8ECDB): A whisper-light, dusty green — the color of a quiet forest floor.
• Peacock (#005D65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6A3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#242B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Dusty Cocoa Ridge 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 Garnet Workshop color palette (#DDE8D1, #006146, #7D0044, #362300, #000302)
• Midnight Denim Veranda color palette (#EBD8EC, #00519B, #5E3B00, #00301A, #060007)
• Lowlit Veranda color palette (#D3EEE3, #005F87, #660039, #1A1C00, #000504)
• Hushed Chestnut color palette (#D4E6F0, #007C94, #855400, #534000, #000F18)
• Navy Thicket color palette (#F2DBF1, #003176, #382600, #00170B, #000106)
• Linen Byzantium Veranda color palette (#ECECFF, #9546C7, #B01D00, #522F00, #010009)
• Hushed Pier color palette (#EBDEEA, #0F57F3, #904100, #164800, #010725)
• Sunlit Ultramarine Grove color palette (#F8E7F4, #2F54D8, #465F00, #003E43, #010420)

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