Tempered Basalt color palette — #E5EFE8 · #A5B8AF · #7A948D · #544100 · #030E06

Deep Olive and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E5EFE8): a clean, paper-quiet neutral.
• Ash (#A5B8AF): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#7A948D): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#544100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#030E06): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged scandi, 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 Cocoa color palette (#ECE8E2, #BCBAA8, #899375, #593F00, #281D0B)
• Aged Basalt Hollow color palette (#E0F0E9, #8BA7A0, #5D8482, #373900, #000603)
• Forest Pier color palette (#E1EBEC, #BECFD2, #8BA9B5, #00654A, #051A1B)
• Chestnut Boulevard color palette (#F0F7F1, #CCDDDF, #9CC4C3, #7B5900, #031006)
• Patina Lagoon color palette (#CAE7E2, #298C64, #004F45, #3C2400, #000B05)
• Aged Station color palette (#E8E8D9, #67835C, #256454, #27264B, #1B0320)
• Amber Canyon color palette (#D4EAE0, #C38900, #858600, #007244, #040600)
• Powdered Onyx Pier color palette (#F9E8C7, #756400, #1C4700, #060D5C, #050600)

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