Tempered Cocoa color palette — #ECF8F4 · #788954 · #8D5263 · #7D402A · #273B2D
Bronze and Pewter set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Moss (#788954): A luminous, dusty green — the color of fresh herbs.
- Pewter (#8D5263): A full-bodied, balanced red — the color of late-summer berries.
- Bronze (#7D402A): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#273B2D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
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
- Wandering Fern Bloom color palette (#EBF8FA, #4D9E89, #855535, #604F00, #203532)
- Weathered Pewter Villa color palette (#EEF8EF, #9C814C, #7A4E86, #733344, #3D2B35)
- Timeworn Violet color palette (#F2F7ED, #5EBC9D, #9B6DB5, #84592B, #353932)
- Wandering Violet color palette (#E8F5F7, #409385, #825AA8, #714019, #051D21)
- Tempered Cocoa Meadow color palette (#F2F5FD, #9691BF, #945B7E, #863823, #4F4118)
- Washed Bloom color palette (#E4FAFB, #00724D, #842E00, #452F00, #00251D)
- Pewter Lantern color palette (#E6FAF9, #79B1C7, #527BA0, #6E4978, #374A58)
- Dusty Lagoon Workshop color palette (#EFF7F9, #D6DADF, #B3A9B2, #389197, #4B5458)
Browse the whole catalog at Explore, or see today's palette.