Tempered Cocoa Lagoon color palette — #FFF1F2 · #D9A2BD · #BE757F · #8E554E · #753E10
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Mauve (#D9A2BD): A luminous, dusty rose — the color of pressed rose petals.
- Dusty Rose (#BE757F): A luminous, balanced red — the color of embers at dusk.
- Coffee (#8E554E): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#753E10): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.
Use it as a design system
One click turns Tempered 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
- Ancient Driftwood Coast color palette (#FFF1F7, #CBA3D4, #A57099, #874E61, #56504B)
- Softworn Driftwood Drift color palette (#FFF2EF, #E19D9E, #B3765C, #885C35, #52524A)
- Patina Thicket color palette (#F1DEFA, #D9A2AE, #B56672, #954448, #41273F)
- Worn Cocoa Studio color palette (#FFF2ED, #E0DBCE, #9FBCD0, #A88083, #7C401F)
- Bronze Orchard color palette (#FFF2ED, #DF9B98, #5DA99C, #9F5D5B, #405439)
- Faded Bronze color palette (#FFDEDF, #E7826B, #AE530E, #6E4400, #483900)
- Patina Cocoa color palette (#FFF2ED, #C48481, #4B9899, #457799, #6B2E14)
- Gentle Boulevard color palette (#FFE6E1, #BF4C00, #744100, #3D2C00, #112005)
Browse the whole catalog at Explore, or see today's palette.