Cocoa Coast color palette — #D5EBD6 · #6593A2 · #3D6483 · #59300B · #262000

Cocoa takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D5EBD6): A whisper-light, dusty green — the color of a quiet forest floor.
• Storm Blue (#6593A2): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#3D6483): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#59300B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#262000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Cerulean Market color palette (#C2F0EF, #6497BA, #5C618A, #264328, #311E00)
• Worn Hollow color palette (#D9EED2, #56A296, #2E6A84, #4E2F47, #3E1108)
• Washed Ash color palette (#C5ECEE, #6BA8B7, #5E708F, #694828, #0B3725)
• Denim Basin color palette (#D6F4F1, #4581A9, #4B477F, #3E2E03, #150D00)
• Softworn Garnet color palette (#C6E4FA, #7093BD, #526094, #65315C, #532320)
• Wandering Cerulean Quarry color palette (#E3FAFF, #99C9B4, #678CB1, #6F4A56, #411F24)
• Tempered Ash color palette (#D1F4FE, #9AB3C5, #808CAF, #3E5E4A, #193C33)
• Denim Study color palette (#D2E9FF, #5F568B, #492339, #0F2000, #020600)

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