Charred Cocoa Lagoon color palette — #FAE6EF · #5F2D00 · #032602 · #000B12 · #040007

Cocoa and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FAE6EF): A whisper-light, dusty rose — the color of pressed rose petals.
• Cocoa (#5F2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#032602): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040007): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, 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

• Inked Ridge color palette (#D4E3D7, #4D3900, #00241F, #04002C, #060001)
• Cellar Garnet Bloom color palette (#ECDFEF, #740030, #221F00, #000C0D, #03000B)
• Hushed Cabin color palette (#FCEDDA, #7C5D00, #3A3100, #191A00, #000A02)
• Wandering Basalt color palette (#FFE4D3, #765F31, #3A4200, #001F32, #140226)
• Aged Study color palette (#FCD7E7, #CB4439, #975000, #454100, #050200)
• Dusty Cerulean color palette (#DDECE0, #438BA1, #00425E, #002222, #000919)
• Deep Mulberry color palette (#F3D9D2, #A4003F, #004142, #1A0052, #02000D)
• Quiet Navy color palette (#DBF4E5, #655800, #00403A, #0D0067, #280013)

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