Tempered Basalt color palette — #DEE0F6 · #B399BF · #996980 · #4B4500 · #022101

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

The five colors

• Frost (#DEE0F6): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B399BF): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#996980): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Olive (#4B4500): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#022101): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Cocoa Drift color palette (#C6EAFF, #9CACD8, #70638D, #6B3608, #001D0C)
• Hushed Bronze color palette (#FFD0FA, #C5919E, #9D604F, #224F32, #001E1C)
• Washed Market color palette (#DBDEF0, #9675A9, #7E4863, #3D3B0C, #132B13)
• Softworn Terracotta Villa color palette (#E7DEEF, #B588AA, #9A4857, #2A3E00, #000803)
• Worn Ridge color palette (#FEDFF2, #A66973, #6D4734, #002311, #000303)
• Cypress Hollow color palette (#DAF0F1, #8DA5C7, #A179A2, #006E66, #003330)
• Weathered Driftwood color palette (#FFF1F5, #D6B0CF, #AB7F53, #086053, #00323C)
• Patina Driftwood Boulevard color palette (#F2F4FF, #E9D3E8, #BAA8C3, #618A7A, #305351)

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