Tempered Basalt color palette — #FEDFC5 · #CCBC97 · #8C9377 · #845C68 · #623A3E
Cocoa takes the lead with Pewter close behind in a set that reads as warmth and comfort at first glance.
The five colors
- Peach Cream (#FEDFC5): A whisper-light, dusty gold — the color of old brass.
- Sand (#CCBC97): A luminous, dusty gold — the color of afternoon light on wheat.
- Eucalyptus (#8C9377): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#845C68): A full-bodied, dusty rose — the color of strawberry cream.
- Cocoa (#623A3E): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
Use it as a design system
One click turns Tempered Basalt 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
- Tempered Bronze Workshop color palette (#D5F1B6, #97CEBB, #77A18B, #A15D53, #683D13)
- Teal Ridge color palette (#FFF1F7, #D5D09C, #75A985, #6D668C, #3C3351)
- Dusty Cocoa Courtyard color palette (#FCF5DD, #CBD4BC, #94AC99, #9A7F79, #7A3F1D)
- Spruce Drift color palette (#F8F6E7, #94C19D, #488F7F, #835555, #323A00)
- Faded Mint Harbor color palette (#EAEDD0, #70CA93, #479AA2, #8E4E69, #642542)
- Softworn Teal color palette (#F6EDC1, #CAC89F, #7AB287, #628970, #375146)
- Ancient Basalt Market color palette (#D7E2D6, #7AB4AB, #5C89A7, #83523A, #552F00)
- Onyx Harbor color palette (#F5DDC6, #969852, #40815F, #5B365B, #450826)
Browse the whole catalog at Explore, or see today's palette.