Tempered Cocoa Lagoon color palette — #FED7D8 · #9A5C4C · #6A3911 · #2C3400 · #002216

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FED7D8): A whisper-light, dusty red — the color of embers at dusk.
• Walnut (#9A5C4C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#6A3911): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2C3400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#002216): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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 Spruce color palette (#FFEAE2, #817A74, #5D4100, #063703, #002315)
• Coral Pier color palette (#EDDEE4, #D07789, #A5635B, #685516, #1B1A00)
• Garnet Meadow color palette (#E9DCEA, #96686A, #6E2744, #442300, #261900)
• Wandering Onyx Meadow color palette (#E9DEC9, #766D26, #393B00, #460019, #131000)
• Aged Garnet color palette (#E8E5F6, #875C83, #82130E, #002524, #000F13)
• Terracotta Delta color palette (#E0DBF4, #A16F8F, #9B3928, #004341, #002226)
• Antique Villa color palette (#F6E4DC, #B28E6E, #856824, #20502B, #33362F)
• Aubergine Loft color palette (#F8E5EA, #8D004B, #5E3500, #39007C, #160007)

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