Cocoa Lagoon color palette — #FFF4E0 · #FFBEB1 · #C3AC6E · #9D819F · #6B3900
Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Rose Quartz (#FFBEB1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Camel (#C3AC6E): A luminous, balanced gold — the color of old brass.
- Heather (#9D819F): A luminous, dusty pink — the color of peonies in June.
- Bronze (#6B3900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged retro, light, 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
- Tempered Cocoa Workshop color palette (#FDF4E1, #FFBCC2, #D0A572, #6D9686, #6F3511)
- Wandering Sand Study color palette (#FFF3E5, #EECB8B, #98B991, #A57F91, #594500)
- Ancient Petrol color palette (#EAFAEE, #FFCFD1, #B1A173, #58749A, #4E3745)
- Weathered Shell color palette (#FFF2EC, #FFB09D, #70BC99, #7485B3, #52394E)
- Aged Bone Canyon color palette (#FFF2EC, #E4E0B6, #C7C8AD, #AD9CAA, #5B4857)
- Sunlit Mustard Lantern color palette (#FFEBD4, #F0AB30, #75A856, #7768AB, #33302A)
- Worn Corridor color palette (#FDEFE2, #F0A459, #937831, #5B534B, #26201D)
- Plum Alley color palette (#FFDDC6, #9AC300, #00A593, #A5339D, #013309)
Browse the whole catalog at Explore, or see today's palette.