Cocoa Station color palette — #FAF4EE · #C8DFCC · #9DB88D · #987D8C · #584300

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9DB88D): A luminous, dusty green — the color of new leaves after rain.
• Heather (#987D8C): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

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

• Wandering Sand color palette (#F0F8F1, #E6E0AD, #91C2B1, #9698AD, #415248)
• Timeworn Lantern color palette (#F6F6EC, #BBF5DA, #41B0B5, #8F6C6A, #2C4000)
• Patina Lagoon Parlor color palette (#F1F7F1, #ADC8B9, #5D8C80, #5D657C, #415248)
• Driftwood Delta color palette (#F5F1EA, #CDC2A6, #94823A, #745B53, #33312A)
• Hushed Glacier Bloom color palette (#FBF3F1, #C4DEE2, #8ED7F7, #6CA079, #594659)
• Glacier Veranda color palette (#FEF2EF, #F3D5C5, #61E0F3, #D27F81, #314E3A)
• Worn Lagoon Veranda color palette (#F9F5E9, #B4DDB3, #12A08B, #7A5479, #272A11)
• Patina Archive color palette (#FFF2EF, #FFB4C0, #70C6F4, #72AAC9, #46332F)

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