Cocoa Delta color palette — #E7F1E7 · #C7D4C9 · #8DB09B · #694500 · #000400

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E7F1E7): bright and airy, almost weightless.
• Oat (#C7D4C9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8DB09B): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Softworn Basalt color palette (#D8E3DD, #AEBFB9, #769B92, #403E00, #000201)
• Hushed Bronze Atelier color palette (#F4E7DB, #A89F8D, #867E35, #4F2D00, #090300)
• Aged Cocoa color palette (#F7EAF1, #D9CBD2, #C299A7, #822F00, #080005)
• Timeworn Forest color palette (#CFE8E0, #6C9D5B, #005E20, #372900, #000200)
• Aged Pine Bloom color palette (#EBF8F7, #CFDBE1, #9CC3C7, #007339, #00100F)
• Washed Garden color palette (#F3E7EB, #9EBDBA, #74A8AE, #9F6100, #1E0F14)
• Dusty Canyon color palette (#E9F5D7, #71A56E, #007850, #003242, #000813)
• Faded Marigold Lantern color palette (#D6FBE6, #E6A300, #A18F00, #5B7000, #010100)

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