Hushed Basalt color palette — #F9F5E9 · #DFD5AE · #A4B386 · #9C8F6F · #4F4100

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

The five colors

• Ivory (#F9F5E9): a clean, paper-quiet neutral.
• Wheat (#DFD5AE): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A4B386): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#9C8F6F): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#4F4100): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Hushed 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 Bronze color palette (#FAF4EB, #CFC59C, #789A6F, #906A28, #4F4100)
• Patina Market color palette (#EAE4D5, #B7C17F, #829B57, #5B8058, #312901)
• Frosted Powder Study color palette (#E8FDDF, #6AD3C2, #7CBAF3, #A2AD5F, #2D3E26)
• Faded Olive color palette (#E3DECB, #87A448, #4A8117, #565B0D, #0C1200)
• Teal Grove color palette (#F1F9E2, #98E0C4, #22BEA5, #629677, #004633)
• Softworn Ash color palette (#EAFBE6, #BCEBE0, #8FC1D1, #719FBD, #3D513E)
• Hushed Bloom color palette (#EAF5EF, #B2B887, #697E39, #385E4C, #172C24)
• Misty Jade color palette (#EEFAE5, #84E1C3, #E1B579, #1DB893, #5A3B08)

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