Weathered Basalt Coast color palette — #FBF4E8 · #B3B288 · #418268 · #724E59 · #484500

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Sage (#B3B288): A luminous, dusty green — the color of new leaves after rain.
• Fern (#418268): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#724E59): A full-bodied, dusty rose — the color of a warm blush.
• Deep Olive (#484500): A deep, shadowed, balanced 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 Weathered Basalt Coast 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

• Patina Basalt Basin color palette (#FAF5E3, #7CA882, #237166, #603E57, #333A00)
• Timeworn Villa color palette (#F8F5EA, #C8C7A1, #689E71, #876482, #484500)
• Dusty Pine color palette (#EBF4F0, #92BEB3, #56815D, #6C4668, #052F27)
• Hushed Bloom color palette (#FFF3E7, #DAAC80, #9B612B, #653D00, #452800)
• Timeworn Chestnut Veranda color palette (#FFF3E7, #CB925B, #3297B1, #8E5717, #0B4A59)
• Washed Cypress color palette (#FBF3EE, #C4E5D5, #6D8CB5, #207163, #5D3B50)
• Softworn Studio color palette (#EDF9F0, #ACE2D4, #70BF9A, #8E8CAC, #2C4942)
• Weathered Cobalt color palette (#FFF3E8, #B87745, #3982B4, #4F5D9C, #3D3732)

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