Cocoa Station color palette — #FBF4EA · #C5E1CC · #B2B186 · #957E8D · #564400

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#C5E1CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B2B186): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#957E8D): A luminous, dusty pink — the color of neon signs at night.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Dusty Veranda color palette (#FCF4EB, #F0E7B4, #92A771, #876D7D, #3B3831)
• Washed Seafoam Hollow color palette (#FFF1F5, #F8D1E8, #A8DCA1, #A98DBA, #474B00)
• Wandering Powder Corridor color palette (#FCF3EF, #BDE5E9, #A0C8E8, #8D9774, #3B534A)
• Aged Lagoon color palette (#F1F7F3, #A9C9BC, #5A8C82, #486A83, #395449)
• Wandering Stone Market color palette (#FFF1F4, #E3D8D2, #D3B1C5, #A6B3AE, #634D50)
• Weathered Lilac Basin color palette (#FFF0FC, #E7D4EA, #C39DDA, #9A789D, #694B4A)
• Mallow Thicket color palette (#FFF1F4, #F0B1FF, #A5C791, #85AE88, #453237)
• Hushed Seafoam Boulevard color palette (#F8F6E4, #A5E1B1, #4E9A88, #7E575E, #262B11)

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