Cocoa Delta color palette — #D9F3ED · #87A7A0 · #367D7F · #6A4123 · #202B00

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

The five colors

• Honeydew (#D9F3ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Taupe (#87A7A0): A luminous, dusty teal — the color of sea glass.
• Teal (#367D7F): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#6A4123): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#202B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Cocoa color palette (#F5D9E6, #7EA897, #497D6F, #6A3B37, #3F2131)
• Dusty Fern color palette (#D0ECFF, #8EB6D0, #5E78A6, #4D5500, #003830)
• Wandering Fern color palette (#FCEDF4, #86AA90, #5C6C32, #0B524A, #00240E)
• Petrol Dune color palette (#C5EBF2, #6FB0BE, #4977A6, #624967, #573137)
• Denim Canyon color palette (#C8F0E5, #488473, #14527C, #372E00, #1A1400)
• Cypress Courtyard color palette (#DEF7FD, #ACCAD0, #869CB5, #416E5C, #224B4F)
• Wandering Forest color palette (#CEE2EC, #718FA2, #5A5A8C, #1F4E0F, #001F24)
• Ancient Basin color palette (#E6FDE2, #A7DFEB, #B092B3, #895A66, #56291C)

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