Tempered Hollow color palette — #F9F5EB · #B4AC7C · #58A8BF · #986695 · #403D36
A conversation between Slate and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EB): bright and airy, almost weightless.
- Sage (#B4AC7C): A luminous, dusty green — the color of fresh herbs.
- Cyan (#58A8BF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#986695): A full-bodied, balanced pink — the color of neon signs at night.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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
- Weathered Abyss Coast color palette (#F2F7ED, #7ABAA3, #6A9DBD, #9B668D, #2C4602)
- Pewter Orchard color palette (#FFF2EE, #C5C08C, #5AA293, #95587C, #4D4A00)
- Mulberry Quarry color palette (#F5F6EB, #8EAC83, #2F978A, #904B76, #35352E)
- Terracotta Studio color palette (#FCF4EA, #D3A976, #6690BD, #9C503E, #48413D)
- Softworn Thicket color palette (#FBF5E7, #D5C371, #8DBCE5, #B88B9C, #403D36)
- Cobalt Loft color palette (#EAFAF0, #A0904B, #3F85B8, #6C537D, #304237)
- Mustard Villa color palette (#EDF9EE, #EABB60, #B0A5DB, #787FA4, #28362A)
- Taupe Balcony color palette (#F6F5EF, #D5DDD7, #A7B5B7, #95A368, #54534A)
Browse the whole catalog at Explore, or see today's palette.