Washed Basalt color palette — #FFF3E6 · #D3E4C6 · #A1B69D · #8F7274 · #613F42

Cocoa takes the lead with Celadon Mist close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#D3E4C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A1B69D): A luminous, dusty green — the color of fresh herbs.
• Mocha (#8F7274): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#613F42): A full-bodied, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Tempered Cream color palette (#FFF4DD, #D1E6D5, #B9CDC1, #A38D8A, #5D4743)
• Muted Pewter Quarry color palette (#FFEFFB, #A2C2AB, #5E8A89, #755E7B, #624753)
• Softworn Balcony color palette (#F6F6EB, #BCECD4, #68AAB4, #926B65, #313D26)
• Cobalt Grove color palette (#E0E9DD, #90B090, #6173AF, #5A3D19, #271500)
• Muted Canyon color palette (#F8F0C3, #8AD3BB, #699A8D, #72492E, #41250A)
• Lagoon Boulevard color palette (#FCF3EF, #C2E1EA, #92C1E3, #429472, #4F354A)
• Faded Blush color palette (#F1FAD9, #84CF99, #E18BB4, #C0789A, #292E17)
• Wandering Meadow color palette (#FFF5D3, #CCE295, #77BD7A, #1B846A, #014B4C)

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