Tempered Cocoa Study color palette — #FFF2EB · #E2DAC4 · #BFD89E · #D7989F · #643100

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DAC4): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#BFD89E): A whisper-light, balanced green — the color of a quiet forest floor.
• Rosewood Mist (#D7989F): A luminous, dusty red — the color of embers at dusk.
• Bronze (#643100): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

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

• Tempered Archive color palette (#FFF2EE, #E6E1B7, #BAD597, #A97C9B, #6B3404)
• Tempered Loft color palette (#FFF3E2, #E9EFA2, #B2E5A5, #CC9E78, #43413A)
• Worn Field color palette (#FFF0FD, #EEF1A9, #D5DDCF, #C4879C, #432936)
• Wandering Chestnut color palette (#FCF4E5, #B2F0E5, #9FD6C8, #CBB193, #625000)
• Worn Mustard Garden color palette (#F2E7CF, #C0C97C, #AB9F5B, #8D764F, #31312A)
• Powdered Study color palette (#F9F6D7, #9DFDB7, #7CE2D5, #AB9F4B, #33332C)
• Mustard Summit color palette (#FFE9DD, #F5BB73, #BAB65C, #BE6764, #331B00)
• Honey Summit color palette (#FBECDB, #F2C050, #AB7E3F, #5A554F, #1E1407)

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