Basalt Villa color palette — #F3F7EC · #C9C19C · #3C6953 · #2E4000 · #1E2721

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

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Sand (#C9C19C): A luminous, dusty green — the color of fresh herbs.
• Pine (#3C6953): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#2E4000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#1E2721): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Basalt Villa 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

• Cypress Archive color palette (#F1F7F1, #A9CBA9, #4587A1, #007D7D, #22322A)
• Weathered Hollow color palette (#E8FAF2, #92BB95, #005978, #113628, #061F1F)
• Lagoon Harbor color palette (#EDF7F9, #EAC5D6, #53897D, #1F565D, #1C2F32)
• Washed Terrace color palette (#ECF8F8, #B9EBD7, #70AE8F, #4E7576, #232E2E)
• Smoked Pine Chapel color palette (#D0EAE1, #008244, #2F2D35, #001F35, #00050C)
• Moss Lagoon color palette (#D5E2D5, #7A9853, #003F3E, #001B1A, #000906)
• Tempered Lagoon color palette (#F1F8E9, #4BA382, #5C82A9, #735B25, #2F4500)
• Patina Lagoon color palette (#F3F7E9, #69B3CF, #577B9B, #754C56, #374E44)

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