Tempered Basalt color palette — #FAF5E9 · #D7D9A8 · #A6B383 · #9A8F77 · #504100

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Wheat (#D7D9A8): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A6B383): A luminous, dusty green — the color of fresh herbs.
• Caramel (#9A8F77): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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 Seafoam Corridor color palette (#F4F7E7, #A3E7C0, #74BDA2, #8E9379, #41433D)
• Frosted Mint Boulevard color palette (#E6FDDD, #00DCC3, #7BBBF4, #A3AC6A, #2E3D27)
• Aged Mustard Quarry color palette (#EEE4CB, #BCC06B, #879A4E, #75766E, #312803)
• Timeworn Pier color palette (#F7F1E9, #BFB38B, #578255, #754A04, #2E270E)
• Timeworn Delta color palette (#EBFBE7, #B9EFE0, #91C4D5, #75A3BB, #435143)
• Timeworn Moss Delta color palette (#F2EDC9, #9CD46B, #49B140, #718438, #1D3602)
• Timeworn Moss Corridor color palette (#E5E0CE, #8AA526, #537F1A, #595916, #0D1200)
• Pale Seafoam Courtyard color palette (#EEF9E7, #64E6C8, #A7BAFF, #51B39B, #374063)

Browse the whole catalog at Explore, or see today's palette.