Basalt Ridge color palette — #F7F6E9 · #D4D9B6 · #80BB9D · #A3859F · #424700

A conversation between Deep Olive and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Wheat (#D4D9B6): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#80BB9D): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#A3859F): A luminous, dusty pink — the color of neon signs at night.
• 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, light.

Use it as a design system

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

• Aged Fern color palette (#F4F7E8, #CCDBBB, #70BCB1, #579CAD, #344B05)
• Dusty Driftwood color palette (#F8F6E7, #B1D6AB, #73B08E, #A86E93, #35362F)
• Linen Summit color palette (#FFF1F1, #F6B5D9, #57D8B2, #DF74B4, #104E3D)
• Indigo Ridge color palette (#EAEED8, #6DD8AF, #00AE9F, #756EC0, #003726)
• Aged Mallow Drift color palette (#FFF1F0, #E3D7CC, #B0C5D3, #D7A3CF, #61423D)
• Teal Ridge color palette (#F9F4ED, #C3E8E5, #85C6EE, #28ACAE, #2D4A68)
• Weathered Lagoon color palette (#E7F6F1, #97C096, #428466, #45566F, #112D2A)
• Misty Aubergine color palette (#F2E4CD, #8D8C4F, #506D02, #5B2F7C, #070600)

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