Basalt Pier color palette — #FDF4E6 · #ADB581 · #5C7E58 · #6F5150 · #4E4200

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

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ADB581): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5C7E58): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#6F5150): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Cypress Basin color palette (#F6F6E7, #7FC09F, #24837C, #605854, #41443D)
• Cypress Studio color palette (#F9F0E3, #BAB58F, #548164, #6A4A55, #2C280D)
• Wandering Pine color palette (#FEF4E3, #94A459, #367239, #4E4A44, #37362F)
• Ancient Lime Courtyard color palette (#FEF6CD, #AFC86E, #69791A, #474A00, #272F01)
• Tempered Driftwood color palette (#EEF8EF, #A5CFC1, #6F9B7F, #6F6E8C, #274A40)
• Wandering Fern Ridge color palette (#FFF4DA, #C1F6DF, #92DCD4, #997350, #5A5100)
• Chalky Pier color palette (#FDF5DD, #B0A200, #7F80CB, #716700, #56374B)
• Marigold Coast color palette (#FFD6B6, #DA9720, #957B00, #505A10, #384A27)

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