Charred Cocoa Ridge color palette — #F8D7E4 · #6D3A00 · #003319 · #001124 · #040002

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

The five colors

• Shell Pink (#F8D7E4): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6D3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003319): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001124): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Velvet Onyx color palette (#E0F2E1, #624200, #003227, #020042, #040001)
• Nocturne Garnet color palette (#F6E9F4, #8D0408, #262E00, #001317, #020006)
• Weathered Basalt color palette (#EFDCC5, #778187, #4B3000, #141D23, #080600)
• Shadow Chestnut Terrace color palette (#FBE5C7, #785B00, #3D3500, #1E1F00, #020500)
• Washed Chestnut color palette (#F6DECD, #7A6300, #394F0D, #00293F, #060528)
• Brick Loft color palette (#EDD7EC, #C10032, #00473D, #150045, #010009)
• Gentle Rose Studio color palette (#EDE1D5, #F92C22, #9D5A00, #4C4900, #040200)
• Patina Studio color palette (#D6E2D8, #1D97BD, #004E76, #002B2D, #000410)

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