Cocoa Dune color palette — #FBD9E5 · #6B3D00 · #1E2800 · #170028 · #050300

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

The five colors

• Shell Pink (#FBD9E5): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6B3D00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#1E2800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#170028): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Twilit Fern Basin color palette (#F7E1EC, #455100, #002B23, #1F0016, #000500)
• Charred Orchard color palette (#DAE7DC, #881C00, #2D2200, #050039, #080200)
• Charred Dune color palette (#D4F5E4, #736961, #332F00, #131D19, #000600)
• Lagoon Orchard color palette (#EADCE6, #468E8E, #004453, #002414, #000A15)
• Washed Onyx Harbor color palette (#EFD8E4, #845E29, #3E481B, #280657, #2D0020)
• Frosted Ember color palette (#D7F1E0, #D25400, #695C00, #00512C, #050700)
• Tempered Olive Courtyard color palette (#F1DDE7, #696B00, #004836, #46002F, #0B1B00)
• Dusty Fern color palette (#FFECD4, #A56C00, #3E6700, #392A76, #050300)

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