Tempered Cocoa Drift color palette — #FFF3E9 · #E7D7BF · #D2AE90 · #AD887B · #554700

Deep Olive and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#E7D7BF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D2AE90): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AD887B): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Timeworn Delta color palette (#F3F7E9, #99D3A8, #E1A59C, #C08A82, #384300)
• Washed Cabin color palette (#FFF1F7, #BCD2BB, #B58F9F, #876B7D, #3A4D3F)
• Ancient Bronze color palette (#F0E7D3, #B5CA9D, #A99F63, #9C6F40, #2F312B)
• Tempered Bloom color palette (#FEECF4, #A7C4AC, #A67756, #694D67, #1D3129)
• Hushed Bronze Chapel color palette (#F7DBCB, #C09665, #B76140, #8F394F, #1E1400)
• Gentle Veranda color palette (#F4D9BA, #C8BA5A, #C98400, #AE5234, #1C3000)
• Ancient Coast color palette (#EEF8F1, #73C8DB, #979EDD, #A07C59, #26392D)
• Bronze Quarry color palette (#F0E4D9, #977F15, #885100, #6F2013, #020400)

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