Cocoa Basin color palette — #E2DED8 · #BBBAAB · #6C9A83 · #574100 · #251E12

Deep Olive takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Bone (#E2DED8): a clean, paper-quiet neutral.
• Stone (#BBBAAB): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#6C9A83): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#574100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#251E12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Basalt Dune color palette (#E6EEE9, #A1BAB0, #70968F, #504300, #020E06)
• Cocoa Quarry color palette (#F3EAE4, #C4B7A4, #968F6E, #772600, #2C1A0F)
• Chestnut Orchard color palette (#F0EADE, #CAC5AD, #A6A884, #725F00, #241F13)
• Timeworn Studio color palette (#EDF0E9, #C1D1C3, #8BA89E, #006547, #2A3022)
• Spruce Hollow color palette (#E8E9E0, #949D91, #527B64, #063503, #090A01)
• Ancient Bronze color palette (#E7EFE9, #B2C3C5, #8BAFBB, #9A7D00, #0E2517)
• Muted Coast color palette (#E4E5CC, #008E75, #004E57, #50162A, #002119)
• Dusty Pewter color palette (#F8F5EF, #D7DDD5, #AFC7BB, #807541, #4B4740)

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