Weathered Basalt color palette — #F9F2FF · #CEC0CD · #7B9582 · #696A82 · #5A4A64

Charcoal Brown and Eucalyptus set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Oat (#CEC0CD): A whisper-light, dusty pink — the color of a candy shop window.
• Eucalyptus (#7B9582): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#696A82): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5A4A64): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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

• Muted Cerulean Pier color palette (#FFF0F4, #9AC0B3, #5F8C95, #735B75, #61434E)
• Weathered Loft color palette (#FEEFE1, #D6C6AA, #928F6D, #557569, #443841)
• Worn Parchment color palette (#FFF2ED, #E0E2B8, #C0C5A9, #AC96A5, #614C5A)
• Antique Cypress color palette (#F9F3F7, #D7DEEE, #7F9CBD, #247F6F, #4A5268)
• Wandering Canyon color palette (#FFD9DC, #DCA78D, #848253, #754A7B, #76313C)
• Pewter Parlor color palette (#E3FBF5, #8CA073, #8084BB, #83609A, #2A4A42)
• Fern Hollow color palette (#FFF0F8, #D1B184, #8B8335, #526813, #205852)
• Bronze Loft color palette (#ECF9F1, #BBB17B, #9F8DC8, #847200, #464A6D)

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