Tempered Basalt color palette — #DDFFE8 · #A4D8D0 · #7CAFBB · #74657D · #50283A

Espresso takes the lead with Blue Fog close behind in a set that reads as sophistication at first glance.

The five colors

• Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
• Oat (#A4D8D0): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7CAFBB): A luminous, dusty blue — the color of deep harbor water.
• Graphite (#74657D): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#50283A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: 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

• Patina Pewter Garden color palette (#FFF3E8, #B7E1CA, #7FAB8D, #74597D, #3C354E)
• Cocoa Grove color palette (#D7FFF6, #AFE2EB, #73A5B9, #916256, #5A3916)
• Tempered Navy color palette (#EBEEDE, #B5C89F, #7AB8B1, #937697, #38446B)
• Powdered Harbor color palette (#E3FFD6, #8FDDCF, #47A1C9, #8D412F, #482300)
• Tempered Pier color palette (#D6FFF7, #97C7E2, #7B81A9, #6B502A, #352100)
• Weathered Lagoon Hollow color palette (#D1F4F1, #7DAE99, #45877E, #345472, #212B3D)
• Ancient Cocoa Atelier color palette (#F4DDB4, #A7A884, #688465, #74485A, #563A36)
• Aged Periwinkle Basin color palette (#FDF1F8, #D6D4E0, #69ACE7, #008079, #1F2C51)

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