Tempered Cocoa Field color palette — #FAF4EC · #EADDBB · #BAB88D · #919F88 · #5F4A00

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Wheat (#EADDBB): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#BAB88D): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#919F88): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Stone Loft color palette (#E2FCF3, #EBD9D3, #A7CDB0, #A3AA9C, #5C4E5B)
• Dusty Summit color palette (#EDF8F2, #B4DBCC, #73A89A, #678480, #3E524A)
• Softworn Powder color palette (#FDF0FF, #9CCCFE, #E2B38A, #A9A869, #4B3D4D)
• Jade Canyon color palette (#FFF4DD, #BFDA93, #5ABD79, #3C989B, #3B3B34)
• Dusty Jade Cabin color palette (#EAE5D2, #A5C598, #44A67D, #477F88, #2B2B04)
• Faded Summit color palette (#F5EAD5, #B8CC57, #4BB04F, #7D6CBA, #2B3200)
• Washed Powder color palette (#E0FFE2, #94E3F7, #7CBEE8, #7098C0, #674B60)
• Moss Corridor color palette (#F7EEE1, #869035, #397130, #00544F, #060700)

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