Tempered Hollow color palette — #FAF6D4 · #A4C194 · #4E905F · #107754 · #435437
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FAF6D4): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A4C194): A luminous, dusty green — the color of new leaves after rain.
- Fern (#4E905F): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#107754): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#435437): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. 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
- Forest Lagoon color palette (#ECFBE0, #BDD0A7, #4A977F, #005D44, #034532)
- Pine Delta color palette (#F3F7ED, #8BBE9D, #BB83B1, #1C8753, #694045)
- Softworn Lantern color palette (#ECFBDD, #7DBEB6, #2A9E9F, #007283, #305A45)
- Antique Fern color palette (#FFF2E2, #C2AD7E, #96893C, #5F6500, #4F4E47)
- Ancient Coast color palette (#DDF5DC, #0BB570, #007E63, #005F58, #004749)
- Hushed Coast color palette (#F1F8E7, #CBE1D8, #A8CFF3, #789768, #47523E)
- Cypress Harbor color palette (#CAE6DE, #00847E, #00525A, #00333E, #0D182F)
- Bronze Courtyard color palette (#F1F8E8, #70A58C, #8181C6, #AF5C38, #41443D)
Browse the whole catalog at Explore, or see today's palette.