Basalt Pier color palette — #F1ECDE · #BDBDA0 · #8C977B · #433D00 · #020100

Deep Olive takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1ECDE): a clean, paper-quiet neutral.
• Stone (#BDBDA0): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#8C977B): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#433D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Worn Dune color palette (#E9F1E3, #C4D5C5, #8BB09F, #005C46, #010300)
• Spruce Loft color palette (#E0E9E5, #8A9F99, #577875, #2E2D00, #000D06)
• Olive Loft color palette (#EBDECB, #7F7F14, #1F4700, #261800, #020100)
• Washed Chestnut Studio color palette (#EFECE4, #98A696, #709182, #726300, #0D0801)
• Patina Dune color palette (#E8E6CF, #5B9059, #125C5E, #391416, #040002)
• Fern Veranda color palette (#ECE1D7, #6C6600, #003C28, #180022, #010100)
• Frosted Bloom color palette (#DEE6D7, #C29100, #678E00, #006B68, #000200)
• Hushed Quarry color palette (#F5F6EE, #D3DFD7, #A2BBBF, #739565, #2E2F28)

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