Tempered Cocoa Summit color palette — #FFF3E4 · #C6C3A6 · #879975 · #836B6B · #7A3F1C
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#C6C3A6): A luminous, dusty green — the color of new leaves after rain.
- Moss (#879975): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#836B6B): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#7A3F1C): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Cocoa Summit 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 Chestnut Chapel color palette (#F5F6EE, #B9C7A6, #3B918C, #915432, #405613)
- Antique Harbor color palette (#F8F7DC, #D4DAB8, #A3AD96, #728C7F, #43544F)
- Oat Hollow color palette (#DBFAF1, #B5D6D0, #83A2A2, #566A77, #32414F)
- Washed Mint color palette (#F5EFBC, #91C283, #1A878A, #8C475A, #67443C)
- Weathered Denim color palette (#E8E3CB, #5E927A, #005B70, #5D2824, #3A1E00)
- Ancient Study color palette (#F3F7EA, #87BF9B, #B684BB, #3A8359, #61444A)
- Garnet Atelier color palette (#EEE9D9, #80A47F, #007A79, #703044, #3C3532)
- Washed Hollow color palette (#F4F7E4, #71A86E, #A870BB, #9E6368, #42433C)
Browse the whole catalog at Explore, or see today's palette.