Basalt Lantern color palette — #E3F1EC · #9BADAD · #5E8693 · #303D00 · #001912

A conversation between Deep Olive and Storm Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#E3F1EC): bright and airy, almost weightless.
• Ash (#9BADAD): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#5E8693): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#303D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001912): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Basalt Lantern 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

• Spruce Courtyard color palette (#DBE8E7, #8C9DA2, #5A7486, #00351A, #000C0C)
• Fern Canyon color palette (#E3F2EE, #A5B9B7, #69A48D, #405E00, #001913)
• Timeworn Corridor color palette (#E1E9EB, #AEBBC5, #808EAB, #004F51, #04232C)
• Dusty Olive color palette (#EAE9E2, #9FA293, #6A8747, #293E00, #050400)
• Fern Harbor color palette (#ECF8F5, #C0D8DA, #78B2BA, #3E6800, #0C3B33)
• Tempered Studio color palette (#EFF7F8, #D5D9E3, #A8B4C6, #00736D, #2D3E42)
• Tempered Veranda color palette (#D7E8DC, #5B7540, #00432D, #2B2100, #081300)
• Worn Abyss Alley color palette (#CDF3F0, #585660, #004622, #172027, #000B0C)

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