Cocoa Study color palette — #E2F4E7 · #007F91 · #6D5193 · #702E00 · #102D1C

Built around Rust, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E2F4E7): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007F91): A full-bodied, balanced blue — the color of open sky before noon.
• Slate (#6D5193): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#702E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#102D1C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Softworn Garnet Garden color palette (#EAF2E2, #0C8466, #5C51AA, #85010F, #1F2B10)
• Frosted Mulberry Thicket color palette (#D8F6EC, #0777B3, #894085, #534300, #082E24)
• Gentle Market color palette (#F6EAF7, #2B72BC, #6E5091, #722B00, #321E34)
• Sunlit Nightshade color palette (#E4FBF5, #2065A2, #4A3F93, #4F2900, #03271A)
• Hushed Study color palette (#D1EFF8, #008686, #983F75, #6E2E00, #001319)
• Linen Denim color palette (#F7EED9, #1C9992, #39579C, #4C3F00, #003743)
• Feathered Mulberry Harbor color palette (#E0F5E3, #008089, #2E5D89, #731859, #132D1A)
• Aged Petrol color palette (#F1F7F3, #E5D6DB, #C5ABB8, #007083, #333E37)

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