Cocoa Lagoon color palette — #F4F4FE · #A68CB4 · #9B596F · #833C17 · #504112

Built around Bronze, softened by Pewter — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Dusty Rose (#A68CB4): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#9B596F): A full-bodied, balanced rose — the color of pressed rose petals.
• Bronze (#833C17): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#504112): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Cocoa Lagoon 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 Garnet Garden color palette (#F1F5FF, #9193C1, #8B5F87, #85363D, #5A3644)
• Pewter Boulevard color palette (#F3F4FF, #C0BECF, #9E92AD, #836376, #5F4946)
• Bronze Loft color palette (#F9F2FD, #B9879A, #9D5E42, #645200, #2E4B2D)
• Wandering Delta color palette (#E8F4FC, #61A7C2, #9F5774, #41541F, #002F2C)
• Brick Hollow color palette (#F7F3FF, #AE59A1, #AA0027, #5B3600, #2F3400)
• Aged Powder color palette (#FDF1FA, #B0C5FF, #BE9AC9, #A87780, #2C4A3A)
• Chalky Mulberry color palette (#F1F0FF, #915EAD, #8A2D4C, #5C2B00, #122462)
• Hushed Coral Parlor color palette (#ECF9F3, #77BBDC, #C66D7E, #527447, #42433C)

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