Basalt Pier color palette — #FCF5E2 · #D9D2A9 · #B5AF76 · #9D8551 · #414000

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

The five colors

• Cream (#FCF5E2): A whisper-light, dusty green — the color of new leaves after rain.
• Wheat (#D9D2A9): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B5AF76): A luminous, dusty green — the color of fresh herbs.
• Caramel (#9D8551): A luminous, dusty gold — the color of old brass.
• Deep Olive (#414000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Driftwood Meadow color palette (#FFF3E9, #E7CBAC, #CEA284, #B27765, #413C36)
• Weathered Pier color palette (#FDECD0, #D2CB84, #C79E25, #B06F00, #323A00)
• Bronze Canyon color palette (#EDE3CD, #B0B784, #9E8F40, #8B6300, #1A2A02)
• Patina Taupe color palette (#E1F9EB, #A7B27F, #7C7749, #37543E, #122723)
• Worn Bronze Dune color palette (#EFDDC7, #977E2E, #7F5600, #603100, #040400)
• Ancient Rust Lagoon color palette (#FFD4B8, #E7AA62, #DE740A, #C43900, #362600)
• Washed Emerald Balcony color palette (#FFF0F7, #BCAEF1, #CDA662, #68A15F, #452937)
• Terracotta Terrace color palette (#FAE4D7, #C99169, #BE5C36, #9E282E, #221200)

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