Cocoa Dune color palette — #C9E8D1 · #007480 · #883000 · #043F07 · #000300

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

The five colors

• Celadon Mist (#C9E8D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#883000): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#043F07): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Washed Mulberry Field color palette (#D3F0E8, #0075C7, #A30026, #233F00, #010200)
• Feathered Aubergine Pier color palette (#E2F4EC, #00749F, #870096, #542F00, #000202)
• Tempered Coast color palette (#FFE5E5, #D60085, #A43900, #1E5600, #000208)
• Weathered Grape Coast color palette (#DBE3C5, #007FCA, #7132AC, #364000, #00001A)
• Sunlit Lapis color palette (#F9E9F2, #6347EA, #793F00, #004224, #02000D)
• Abyss Canyon color palette (#E2EFD7, #005A49, #421B00, #161D23, #0B0700)
• Timeworn Peony Pier color palette (#FBDCDF, #BC55B3, #BF353C, #3B6000, #000511)
• Byzantium Thicket color palette (#FFE7EC, #9426B4, #99104B, #363600, #000204)

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