Cocoa Study color palette — #E7F5F4 · #7EA984 · #636EA1 · #753821 · #1A2D0C

Built around Rust, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Jade (#7EA984): A luminous, dusty green — the color of new leaves after rain.
• Slate (#636EA1): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#753821): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#1A2D0C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Antique Garnet Station color palette (#EAF5F0, #99A271, #287D95, #792C4F, #003023)
• Washed Cocoa color palette (#E8F4FC, #6EA4BF, #7C6694, #664500, #002D33)
• Softworn Pewter color palette (#E1F7F7, #B1CBD0, #889DAD, #76596A, #2C4635)
• Iris Studio color palette (#F3F7EE, #7CC2A4, #997CBF, #836320, #45423B)
• Patina Petrol Pier color palette (#ECF7FE, #4EA4C3, #5F6BAA, #6A436C, #184A51)
• Driftwood Workshop color palette (#EDF4EE, #AACCBD, #718C63, #376A73, #23362E)
• Linen Atelier color palette (#D8F9FD, #009881, #7D2DA6, #493500, #021F02)
• Wandering Nightshade Pier color palette (#E1EFFE, #4280BA, #5C4293, #4A2C00, #00181B)

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