Tempered Cocoa Lagoon color palette — #E9F2E6 · #87AD90 · #4D7A9D · #734453 · #6E350F
Built around Bronze, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Cream (#E9F2E6): bright and airy, almost weightless.
- Sage (#87AD90): A luminous, dusty teal — the color of glacier melt.
- Slate (#4D7A9D): A full-bodied, dusty blue — the color of open sky before noon.
- Coffee (#734453): A full-bodied, dusty rose — the color of pressed rose petals.
- Bronze (#6E350F): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
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
- Timeworn Mulberry color palette (#DEEBCA, #97AC95, #5D8171, #764163, #5A3A31)
- Cocoa Lagoon color palette (#E7E6D5, #6EB4AD, #4E749E, #6E3902, #3B220D)
- Antique Chestnut Orchard color palette (#DFFFE5, #A9C0B5, #95788F, #8E4D35, #5B4800)
- Azure Parlor color palette (#D0EFE3, #8EC8CF, #6A99C1, #7B5866, #5E3F4B)
- Tempered Chestnut color palette (#C1EAD6, #AB97AB, #8D677B, #7C4617, #573900)
- Faded Orchard color palette (#D8ECF4, #709CD1, #7166AD, #7F2B00, #4C3300)
- Timeworn Garnet color palette (#DAF4F0, #679078, #365C8E, #641F33, #441D04)
- Forest Workshop color palette (#F4F7EA, #74A892, #007368, #26572B, #343730)
Browse the whole catalog at Explore, or see today's palette.