Dusty Basalt color palette — #F4F7E9 · #B1EEE8 · #6AAE93 · #687E62 · #313F00

Built around Deep Olive, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Sea Foam (#B1EEE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#6AAE93): A luminous, balanced teal — the color of shallow lagoons.
• Pewter (#687E62): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#313F00): 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 Dusty 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 Workshop color palette (#F8F5EB, #DDEDBE, #8DA87A, #667E62, #393932)
• Patina Harbor color palette (#F3F7EA, #A3DFC5, #459B87, #486C5D, #212C10)
• Cypress Terrace color palette (#EBF8F7, #86BBBA, #338469, #396169, #2D4848)
• Wandering Abyss Studio color palette (#F1EFDD, #5C8846, #004A11, #002023, #000200)
• Muted Villa color palette (#DDE5CE, #16A67E, #005B4D, #003233, #000201)
• Teal Boulevard color palette (#EFF9E4, #44B8A1, #006F67, #0E3F60, #000A07)
• Weathered Lagoon color palette (#F4F7E7, #91CAA6, #298969, #1B596C, #141C00)
• Chalky Mustard color palette (#FFF4DA, #C5CC60, #718A1F, #006758, #1F2000)

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