Washed Cocoa Lagoon color palette — #FAF4EC · #CADDCB · #988450 · #5C4100 · #1F1B13

A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Silver (#CADDCB): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#988450): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F1B13): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Washed 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

• Bronze Villa color palette (#FBF4E7, #FAD99C, #B09B77, #886721, #312A1F)
• Marigold Field color palette (#EDF1D7, #C99A1D, #034A0C, #182325, #000B01)
• Pine Grove color palette (#F3F7E9, #FDE2AC, #2B8B56, #134328, #0E1106)
• Aged Station color palette (#EAF5ED, #AACEB1, #486B53, #223728, #0D1710)
• Deep Bronze color palette (#E5DECC, #9A7300, #201B00, #0B0C06, #020100)
• Tempered Orchard color palette (#F8F5ED, #FFF8B7, #5EC3AC, #A49C55, #1A2116)
• Aged Workshop color palette (#FCF4E5, #D5C37B, #7FB4E2, #8F77A0, #34312B)
• Tempered Mustard color palette (#F8F6E4, #DCB560, #475900, #141C00, #010100)

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