Deep Cocoa color palette — #F9D6E1 · #673F00 · #292D00 · #00150A · #040001

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

The five colors

• Shell Pink (#F9D6E1): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#673F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#292D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00150A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

One click turns Deep Cocoa 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 Cocoa color palette (#F4E3D8, #7B2F00, #193200, #00171E, #0F001B)
• Velvet Fern Pier color palette (#CBEADC, #4C4D00, #00331C, #001416, #030100)
• Chestnut Thicket color palette (#F4E1CB, #7A5400, #4F3A00, #251D00, #040300)
• Moonless Boulevard color palette (#F3E3F3, #8B002D, #3F2200, #101200, #030003)
• Ember Lantern color palette (#FFE7D9, #FE3E23, #AD5200, #5F3F00, #060200)
• Quiet Bronze color palette (#FCD4E3, #A55D00, #4C5100, #003525, #240003)
• Deep Brick Corridor color palette (#E9D9E4, #B72D00, #004735, #00162B, #01000B)
• Olive Studio color palette (#CFF3E4, #6B7200, #005439, #002D35, #140700)

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