Weathered Basalt color palette — #FFE7EA · #CAD4C5 · #B7A9A6 · #54403B · #2A2220

Cocoa and Rose Water set the tone — five colors that lean into sophistication.

The five colors

• Rose Water (#FFE7EA): A whisper-light, dusty red — the color of late-summer berries.
• Oat (#CAD4C5): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#B7A9A6): a calm mid-gray that lets other colors speak.
• Cocoa (#54403B): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2A2220): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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 Celadon Harbor color palette (#F5FF97, #FFE7ED, #CDD0C3, #503B38, #2B2423)
• Cocoa Alley color palette (#FEF3ED, #DFDCCD, #A9786E, #6E3311, #241813)
• Aged Stone color palette (#FFF3E6, #DDDDC5, #C6AE71, #7E7135, #3E3E00)
• Tempered Shell color palette (#FFF2EC, #FFA99D, #ADB577, #8C78A0, #37302D)
• Patina Market color palette (#FBF4EE, #DCDBD0, #A6B8B9, #96A287, #524C47)
• Amber Alley color palette (#FBF3EE, #E1DAD0, #CDA76E, #CA876A, #251D12)
• Muted Blush color palette (#D5E6F0, #C8D577, #FF99A3, #382539, #1A151A)
• Straw Parlor color palette (#CAEAFF, #DFE673, #FFC1C6, #715F59, #352D2B)

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