Basalt Field color palette — #F9F5E6 · #AEB48A · #3C826C · #446250 · #424700
A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#AEB48A): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#3C826C): A full-bodied, dusty teal — the color of shallow lagoons.
- Pine (#446250): A full-bodied, dusty teal — the color of glacier melt.
- 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 Field 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
- Hushed Thicket color palette (#FBF4EB, #BBAF8D, #657C4A, #6A5062, #534000)
- Softworn Fern color palette (#F4F7E9, #BECAA4, #679C87, #467D76, #3A4A00)
- Patina Cypress color palette (#F8F6E4, #7AA882, #207260, #633F47, #323A00)
- Lagoon Alley color palette (#E5F6F4, #91BDBC, #3A856B, #23605A, #0C2D2D)
- Muted Teal color palette (#ECF9F3, #AAE2DA, #5DC2A1, #7196A8, #294945)
- Amber Corridor color palette (#FFE6CE, #A99032, #536200, #2B3F78, #382D00)
- Aged Pine color palette (#E7E5CF, #377B52, #004139, #002634, #001507)
- Cypress Grove color palette (#FCF3EF, #C3E6D1, #5F91B2, #007265, #583D57)
Browse the whole catalog at Explore, or see today's palette.