Tempered Cocoa Thicket color palette — #F0E5DB · #C4B9AA · #99917D · #593100 · #020100

A conversation between Cocoa and Gray, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F0E5DB): a clean, paper-quiet neutral.
• Stone (#C4B9AA): A luminous, dusty gold — the color of honey in a jar.
• Gray (#99917D): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#593100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Cocoa Thicket 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

• Washed Delta color palette (#ECE1E5, #8E9F90, #567A68, #412200, #14040A)
• Worn Bloom color palette (#EFEFE4, #CED3BE, #9DAC90, #3A5800, #030300)
• Hushed Meadow color palette (#EDE6E1, #9FA296, #7E8D7A, #944E00, #120600)
• Washed Apricot color palette (#F4DAB5, #F9861F, #A17E00, #4A5F00, #010100)
• Wandering Forest color palette (#EEE3D1, #817D4E, #355F37, #082244, #02000D)
• Aged Olive color palette (#F6F0D4, #5C8842, #004923, #320F00, #000200)
• Bronze Corridor color palette (#F9F4ED, #DADFCF, #B9C9B0, #957005, #241D12)
• Eclipse Chestnut color palette (#F7EFE2, #8A5600, #343400, #000E1A, #020100)

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