Tempered Cocoa Atelier color palette — #F8EEF7 · #A9BB91 · #833B3F · #481016 · #140714

Rust takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F8EEF7): bright and airy, almost weightless.
• Sage (#A9BB91): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#833B3F): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#481016): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#140714): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Muted Basin color palette (#FBF2F9, #C9AA6A, #7B3C35, #3F233A, #26161A)
• Chestnut Summit color palette (#F7EFF3, #AACDBA, #815637, #49280D, #1A1115)
• Pewter Alley color palette (#F2F0FD, #8AC2A4, #6B4472, #38183E, #0D0B15)
• Tempered Workshop color palette (#FEF2EF, #BACD94, #A6555E, #603337, #2C1E1A)
• Softworn Marigold color palette (#E7F7E9, #CAA13D, #634700, #2C1E00, #000B02)
• Moss Summit color palette (#F9E6F1, #9D9B00, #6B2400, #2B0A00, #090005)
• Brick Field color palette (#F5F0F5, #DAA3A2, #348850, #B42438, #001211)
• Softworn Aubergine color palette (#FFECF3, #CC8879, #6F6F24, #483681, #351825)

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