Dusty Basalt color palette — #FBF5E3 · #C7F3C9 · #63AEA0 · #617D74 · #373D00

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

The five colors

• Cream (#FBF5E3): A whisper-light, dusty green — the color of new leaves after rain.
• Honeydew (#C7F3C9): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#63AEA0): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#617D74): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#373D00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Taupe color palette (#FFF3E8, #F2E7AD, #8BA974, #6A7C69, #3B3831)
• Cypress Lantern color palette (#EBF9F4, #89BBB6, #328370, #226375, #214A47)
• Washed Loft color palette (#FAF5E5, #AFDFB0, #469B8B, #82564F, #272A0F)
• Cocoa Ridge color palette (#FDF3EA, #C7E0CC, #B0B28A, #997D84, #574300)
• Hushed Teal color palette (#E9F9F8, #ABE1E1, #74BDA6, #6B99A3, #234A4B)
• Powder Workshop color palette (#FBF3EE, #BFE6F5, #8FC0F0, #588F7E, #513548)
• Lagoon Boulevard color palette (#FDF4E1, #9ECA88, #008B6C, #6D4156, #1A1A00)
• Aged Balcony color palette (#FFF0FA, #EAD5DD, #AEB7B0, #79AAA9, #573D47)

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