Cocoa Dune color palette — #F8E3FD · #9C6D7E · #7D4037 · #012403 · #000402

Coffee and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8E3FD): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#9C6D7E): A full-bodied, dusty rose — the color of a warm blush.
• Coffee (#7D4037): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#012403): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000402): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Timeworn Chapel color palette (#F1DCDE, #A6705B, #694D1F, #002C29, #000305)
• Patina Grove color palette (#DAE2FF, #8D78A4, #72385E, #271E00, #020500)
• Wandering Garnet color palette (#E9DDEA, #805168, #710413, #022503, #00130E)
• Rose Boulevard color palette (#FFE8E7, #D85656, #780017, #1B1608, #110001)
• Pewter Studio color palette (#E6EDFF, #7589AA, #8F5280, #005657, #00152C)
• Wandering Canyon color palette (#FFD1D9, #D08C74, #937346, #00504C, #001B22)
• Pale Bloom color palette (#F4DAEC, #B62B83, #83003E, #340008, #040000)
• Forest Courtyard color palette (#FFEFF7, #DABADB, #A87A63, #21634D, #002E31)

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