Cocoa Workshop color palette — #D1F5ED · #76B5B0 · #5F738F · #6A4726 · #351D27

Built around Bronze, softened by Mint Leaf — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#D1F5ED): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#76B5B0): A luminous, dusty teal — the color of glacier melt.
• Slate (#5F738F): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#6A4726): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#351D27): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Washed Chapel color palette (#C5F0F0, #8CB1C2, #61708F, #295342, #282800)
• Dusty Cocoa Terrace color palette (#DCF2F7, #8CB3C9, #57799E, #794250, #603A28)
• Worn Basalt Station color palette (#E7FDE1, #A8E2F4, #B49BB5, #8D5D67, #5A3020)
• Cobalt Corridor color palette (#FBEDF4, #A6CDE7, #507DBB, #005C51, #1E1940)
• Patina Balcony color palette (#DDF7FC, #B7CEDF, #9091A4, #5B706B, #21433C)
• Pewter Boulevard color palette (#D5EFF9, #7C8EAD, #8D5674, #1A4A30, #002512)
• Tempered Fern Atelier color palette (#FBEEF4, #B09E70, #5C6C3B, #05524B, #062211)
• Hazy Turquoise color palette (#C5ECE1, #00A7B8, #007291, #004179, #1B1841)

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