Basalt Field color palette — #F9F5E9 · #93BC93 · #408174 · #6D5154 · #414700

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 (#F9F5E9): a clean, paper-quiet neutral.
• Sage (#93BC93): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#408174): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#6D5154): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#414700): 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

• Patina Delta color palette (#FDF3EA, #BBB177, #5F7E4B, #7D4D13, #543F00)
• Softworn Boulevard color palette (#E5F6F0, #93BDB4, #4A807A, #3F5E45, #062E28)
• Timeworn Cabin color palette (#FBF5E4, #75AA76, #007364, #4D4B44, #35362F)
• Wandering Dune color palette (#F7F6E7, #B4CDA6, #719C70, #8F6A28, #464500)
• Hushed Mint color palette (#F6F9CF, #78CB88, #4D8646, #19552C, #1A3815)
• Mustard Orchard color palette (#FFE5C8, #C4AE36, #5C8422, #34693C, #3F5235)
• Timeworn Iris Chapel color palette (#FAF4ED, #B7E9D9, #7687C2, #266E6F, #5B3D4A)
• Dusty Jade color palette (#F6F7E6, #76B259, #9778C0, #45742C, #493A5D)

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