Tempered Cocoa color palette — #F5EAF0 · #ABBFAF · #70988C · #6F2F00 · #2B1923

Rust and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F5EAF0): bright and airy, almost weightless.
• Stone (#ABBFAF): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#70988C): A luminous, dusty teal — the color of sea glass.
• Rust (#6F2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2B1923): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Dusty Basalt color palette (#E7DDE0, #98B0A4, #598A84, #4F2F00, #200D14)
• Garnet Drift color palette (#EDE9EF, #C5B3BF, #789878, #751E44, #241B28)
• Aged Chestnut Villa color palette (#FBEBF2, #B8CAB9, #8DAE99, #924B00, #281B21)
• Dusty Fern Drift color palette (#E6F1EE, #BCD1D1, #80A8B5, #485E00, #24312D)
• Worn Bronze Boulevard color palette (#FAF3F6, #CFD9DC, #A5C4CB, #976845, #504449)
• Olive Corridor color palette (#D2E8DA, #62864D, #00513D, #421E45, #0C2100)
• Ancient Market color palette (#FAE0E2, #A17A49, #476417, #492352, #381526)
• Patina Meadow color palette (#D2E8D2, #FF687B, #B57000, #006E40, #1E1800)

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