Weathered Basalt color palette — #F3F7EA · #C1E8D0 · #5DB09B · #647F62 · #2C4000

Deep Olive takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Celadon Mist (#C1E8D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#5DB09B): A luminous, balanced teal — the color of sea glass.
• Fern (#647F62): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#2C4000): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Taupe Orchard color palette (#F8F5EC, #D3E5C1, #8FA86A, #687E60, #3A3832)
• Weathered Fern Harbor color palette (#F7F6E8, #AAE6BB, #77BBAD, #7D978A, #3D4900)
• Basalt Loft color palette (#F9F5E9, #AEB390, #3D8174, #3C6356, #424700)
• Soft Jade Station color palette (#F5F7E5, #A7EBBA, #00AC77, #16778D, #0F371E)
• Aged Garden color palette (#E3F7F3, #8BBEBE, #4A8173, #365B69, #052E2E)
• Hushed Olive Alley color palette (#EFEFDC, #528A4B, #004920, #002024, #000200)
• Wandering Powder Corridor color palette (#F4F6EE, #BCE2F1, #79C5EE, #2791A2, #27463D)
• Hushed Lagoon color palette (#DBE5CF, #00A58A, #005A53, #003236, #000201)

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