Basalt Pier color palette — #F5F6EB · #D2BD9B · #4D6645 · #27401E · #2C2C21

A conversation between Forest and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EB): a clean, paper-quiet neutral.
• Sand (#D2BD9B): A luminous, dusty gold — the color of honey in a jar.
• Pine (#4D6645): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#27401E): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#2C2C21): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Pine Basin color palette (#F4F6EF, #9FCEAA, #4C85A4, #317F4C, #23312C)
• Weathered Abyss Lantern color palette (#EEF8F0, #C3AA84, #005D64, #00353A, #0F211E)
• Muted Sand color palette (#ECF8F6, #F5DBA5, #89A97F, #51756F, #222E2C)
• Wandering Lagoon color palette (#ECF8F7, #EDC3D9, #5E8968, #315452, #232E2D)
• Patina Mulberry Summit color palette (#FDF4E6, #97B08C, #2E839A, #814061, #3C4D3C)
• Eclipse Lagoon color palette (#DDE2CC, #785900, #172426, #001A06, #000301)
• Bronze Courtyard color palette (#D9E6DD, #896600, #46404A, #002129, #000508)
• Aged Amber Field color palette (#D9E1D1, #AA8634, #004031, #001B14, #000804)

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