Patina Basalt color palette — #F8F5EC · #D9D7B3 · #91B893 · #7194B5 · #494400

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 (#F8F5EC): bright and airy, almost weightless.
• Wheat (#D9D7B3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#91B893): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#7194B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#494400): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Patina 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

• Fern Alley color palette (#F5F6EB, #D8E2CA, #8BC3B6, #AE90A2, #425510)
• Washed Moss Grove color palette (#FFF3E2, #D9D189, #99B14B, #9776C2, #413C0D)
• Timeworn Basalt Lagoon color palette (#FDF3EA, #D1C39F, #7A9A70, #876482, #524000)
• Jade Grove color palette (#EFF8EE, #B2EBEB, #73AF71, #797091, #263E34)
• Softworn Workshop color palette (#FFF1F2, #E4D7CD, #CC9EE1, #9AB8A3, #644947)
• Feathered Indigo Villa color palette (#EEEECD, #8FD39D, #00B186, #5872D4, #003915)
• Weathered Alley color palette (#EEE3CF, #B9C081, #779F56, #8B61A0, #292C02)
• Misty Turquoise color palette (#FFF1F2, #E2A9D3, #C9B45F, #00B8D8, #4D2E31)

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