Charred Cocoa Lagoon color palette — #FFDCDD · #803300 · #392300 · #120E00 · #020200

Built around Rust, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#FFDCDD): A whisper-light, dusty red — the color of embers at dusk.
• Rust (#803300): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#392300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#120E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Wandering Harbor color palette (#F4DDD2, #A25100, #5F3A00, #231600, #020100)
• Eclipse Chestnut color palette (#F8ECE1, #665000, #2D3200, #001402, #000201)
• Obsidian Navy color palette (#F5E5C9, #604800, #003E67, #281C00, #000103)
• Inked Archive color palette (#FEE4F4, #8800C0, #615100, #0A0D07, #020100)
• Obsidian Coast color palette (#F8EBCF, #4C3800, #002183, #250054, #020100)
• Patina Delta color palette (#F1DAC3, #8F6E00, #464E00, #042A02, #000F05)
• Softworn Amber color palette (#FFE9E0, #BB7300, #725A00, #2E3500, #001A02)
• Nocturne Grove color palette (#EBD8E8, #920059, #570011, #250B00, #030100)

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