Softworn Basalt color palette — #FAF4ED · #C2E2CD · #98BA8B · #967E8B · #544500

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C2E2CD): A whisper-light, dusty teal — the color of sea glass.
• Sage (#98BA8B): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#967E8B): A luminous, dusty pink — the color of neon signs at night.
• Deep Olive (#544500): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Softworn 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 Bloom color palette (#FBF4EB, #D7E3BF, #8BA972, #8F697F, #3B3831)
• Timeworn Stone Veranda color palette (#ECF8F4, #B9EADD, #A3BF9A, #83A0A7, #40524D)
• Worn Lilac Alley color palette (#FFF1F4, #F9D8FF, #A8DC9E, #B784C1, #464740)
• Ancient Lagoon color palette (#F8EFF2, #ADCCBB, #618D85, #615E73, #22362C)
• Wandering Loft color palette (#FFF1F4, #E3D8D2, #B3B5E1, #A7B4AF, #5D4A4A)
• Timeworn Harbor color palette (#FFF1F4, #E9B6FA, #A0CA7B, #69B39C, #463237)
• Dusty Mallow color palette (#FFF0FA, #E5D5E6, #D5A2ED, #9D6792, #654744)
• Wandering Study color palette (#ECDFCB, #8B9643, #115E0A, #321E50, #010100)

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