Basalt Field color palette — #D7E5DC · #96B0A7 · #5B8A82 · #413700 · #07180F

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

The five colors

• Parchment (#D7E5DC): a clean, paper-quiet neutral.
• Sage (#96B0A7): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#5B8A82): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#413700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#07180F): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Basalt Field 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 Lagoon color palette (#F7EDF2, #9EAF9D, #6C8774, #5A2700, #1E0E17)
• Spruce Bloom color palette (#E1EBE8, #84A09E, #52787C, #1B3200, #000C09)
• Muted Archive color palette (#DCE6E7, #A2BFC7, #7A929E, #005143, #082427)
• Fern Villa color palette (#E3E0D8, #B7B5A4, #919A7B, #625100, #1A1303)
• Patina Grove color palette (#ECF9F3, #B5DCD2, #8BB292, #5E5E00, #1C3A2E)
• Hushed Study color palette (#D8E9E4, #595863, #2C4100, #1C1E26, #000C03)
• Tempered Olive Garden color palette (#DBF1DD, #796C00, #333D00, #2F1F00, #131000)
• Bronze Grove color palette (#D5F4E7, #A58300, #647600, #005C3F, #031000)

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