Tempered Cocoa color palette — #F0E7E2 · #DAC8B4 · #A9A48F · #853C2A · #1F130C

A conversation between Rust and Oat, giving this palette its sense of sophistication.

The five colors

• Parchment (#F0E7E2): bright and airy, almost weightless.
• Oat (#DAC8B4): A whisper-light, dusty gold — the color of old brass.
• Taupe (#A9A48F): A luminous, dusty green — the color of new leaves after rain.
• Rust (#853C2A): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1F130C): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: 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

• Hushed Corridor color palette (#F8F0EB, #D7D8C7, #BBB8A3, #89563E, #291E16)
• Cocoa Cabin color palette (#F2E6DD, #BBB2A0, #8F8F74, #683400, #110903)
• Wandering Amber Archive color palette (#FFE2E0, #B58742, #4A6B40, #57354C, #19193D)
• Antique Balcony color palette (#EAE8DF, #8B9179, #5F715B, #2B2C00, #020100)
• Wandering Market color palette (#F4E7D3, #81984F, #00663D, #452D53, #151200)
• Feathered Lagoon color palette (#E8DEC2, #DD1A2E, #574D00, #002862, #1A0900)
• Rust Lantern color palette (#F5DDCF, #B93700, #004F5F, #00235A, #000922)
• Blush Courtyard color palette (#FFE9D0, #FF7FA8, #D57500, #248742, #110C00)

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