Tempered Basalt color palette — #FBF4EC · #B8B08E · #528059 · #714D5E · #4E4200
Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Sage (#B8B08E): A luminous, dusty green — the color of new leaves after rain.
- Fern (#528059): A full-bodied, dusty green — the color of new leaves after rain.
- Coffee (#714D5E): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Aged Pine Atelier color palette (#FFF3E6, #A8A765, #387B30, #554874, #3E3D10)
- Driftwood Pier color palette (#F9F5EC, #CCC5A3, #7B9B64, #80668C, #4E4200)
- Denim Corridor color palette (#E9F5ED, #8FBFAD, #667D56, #644970, #112D24)
- Tempered Cerulean color palette (#FBF3EF, #C9E4D1, #5991B6, #337055, #593D54)
- Bronze Lantern color palette (#FFF3E9, #E1A47E, #A45939, #6F3602, #4F1F04)
- Wandering Mint color palette (#F0F8F0, #D5DAAC, #87BB8C, #898EAB, #2D493E)
- Feathered Boulevard color palette (#F9EAC8, #6EA258, #006A53, #592E67, #143700)
- Terracotta Chapel color palette (#FFF2ED, #D08A85, #4494B7, #9B4945, #17485D)
Browse the whole catalog at Explore, or see today's palette.