Tempered Hollow color palette — #FFEEE7 · #DFD9C6 · #D4CD85 · #A36A88 · #332C29
A conversation between Pistachio and Mocha, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
- Bone (#DFD9C6): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#D4CD85): A whisper-light, balanced green — the color of new leaves after rain.
- Mocha (#A36A88): A full-bodied, balanced rose — the color of pressed rose petals.
- Espresso (#332C29): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Tempered Hollow 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 Courtyard color palette (#FEF1D2, #CEE4B9, #4ED2B8, #8F6036, #2D2610)
- Patina Bronze Harbor color palette (#FFF2EB, #E6D9C2, #D3C68C, #A46148, #713A0B)
- Timeworn Alley color palette (#FFF0FE, #E8E0D0, #C0DBA3, #9A8AAE, #5D4A57)
- Misty Lime color palette (#FFEEE3, #FFCF7C, #9BB300, #AC2F5A, #2B1400)
- Quiet Jade color palette (#F7E6CA, #B7CE8B, #00B38C, #954901, #251D00)
- Tempered Market color palette (#FAF1E2, #AEAF7C, #8E7123, #654427, #242411)
- Airy Ember color palette (#FEEEE6, #CB6444, #4874BC, #694070, #281509)
- Patina Tangerine color palette (#D5EAF2, #BCC8FF, #EA6F48, #321F13, #150F0B)
Browse the whole catalog at Explore, or see today's palette.