Basalt Pier color palette — #F6F6E9 · #93BC92 · #4D815F · #525E48 · #424700

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

The five colors

• Ivory (#F6F6E9): a clean, paper-quiet neutral.
• Sage (#93BC92): A luminous, dusty green — the color of fresh herbs.
• Fern (#4D815F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#525E48): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Ancient Fern color palette (#F9F5EB, #C3C595, #7C875B, #5E6B56, #5D4C00)
• Wandering Cypress Drift color palette (#F5F8E3, #6DAB81, #087552, #305441, #343630)
• Weathered Lagoon color palette (#EAF9F3, #A1CFC7, #659E7C, #4D7A84, #2B4944)
• Patina Basalt Veranda color palette (#F9F4EC, #DCD7AD, #87BA9B, #5C9BAD, #4B4300)
• Hushed Lagoon Ridge color palette (#DEE3D0, #009064, #005141, #003346, #002114)
• Smoked Fern Dune color palette (#ECE4C9, #546600, #1D3200, #001C19, #050700)
• Mallow Parlor color palette (#FFF0F8, #F0D2D0, #DFB6EB, #717CA2, #5B424E)
• Quiet Loft color palette (#FFF0FB, #819AEE, #C36B7B, #4D60A6, #5C372F)

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