Cocoa Station color palette — #F9F5EB · #DEDFCB · #8E8757 · #584300 · #1F1B11

Built around Deep Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#8E8757): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F1B11): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Timeworn Cocoa Garden color palette (#FEF3ED, #FDF9B5, #A7796C, #6D340D, #211915)
• Washed Grove color palette (#EFF8EE, #F2DCC2, #258781, #2C3E29, #0B120A)
• Ancient Lagoon color palette (#EFF7F2, #C3E9CD, #AA9E71, #567662, #222F27)
• Aged Chestnut Basin color palette (#F6F1E8, #D3C1A0, #6D6133, #34312A, #181308)
• Worn Turquoise Garden color palette (#F9F5ED, #C5E0CC, #57C1C4, #AD985B, #172118)
• Olive Veranda color palette (#F8F8D8, #FFCE9E, #507913, #223509, #090800)
• Smoked Field color palette (#F0ECD7, #A66C00, #1A1E00, #090C06, #010100)
• Worn Mustard color palette (#FDF5E1, #D6C466, #ACA7D9, #807CA7, #34312B)

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