Cocoa Delta color palette — #EAF0EA · #C7D3CA · #93AD9E · #674600 · #000400

A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#EAF0EA): a clean, paper-quiet neutral.
• Oat (#C7D3CA): bright and airy, almost weightless.
• Sage (#93AD9E): A luminous, dusty teal — the color of glacier melt.
• Bronze (#674600): A full-bodied, balanced gold — the color of old brass.
• 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

• Dusty Cocoa color palette (#F7EAF1, #DBCBD1, #BE9BA6, #7E3400, #080004)
• Hushed Station color palette (#E8F2EE, #ADC0BA, #6F9C93, #3C4000, #000201)
• Bronze Garden color palette (#E8DFD4, #A89F89, #837F36, #4C2F00, #080300)
• Forest Workshop color palette (#C9E9E1, #659F5F, #005E2C, #352A00, #000200)
• Softworn Garden color palette (#EEF7F7, #CEDCE3, #9EC2C8, #007242, #001010)
• Aged Bronze color palette (#E2E9E1, #9BB8B6, #74A2A9, #9B6400, #0B170A)
• Softworn Teal color palette (#D9E9D8, #64A985, #006D60, #00304D, #000320)
• Fern Alley color palette (#D6E4DD, #554B51, #554F00, #121B18, #050600)

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