Weathered Basalt color palette — #FFF2F1 · #C4ECD4 · #A77875 · #60374B · #231817

Cocoa and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F1): bright and airy, almost weightless.
• Honeydew (#C4ECD4): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#A77875): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#60374B): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#231817): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Wandering Bronze color palette (#FBF4ED, #F7E5AF, #9F6834, #532E02, #190C02)
• Timeworn Grove color palette (#FDEEEA, #E7B897, #864F57, #3F2B26, #1C110E)
• Blush Orchard color palette (#F9F3FA, #FFD4B8, #CF8694, #7B637F, #2F2931)
• Tempered Study color palette (#FEEADB, #B5A252, #602A00, #1D251D, #120400)
• Ancient Drift color palette (#FCF3EC, #DAA178, #849A58, #1A769C, #331B1A)
• Cobalt Field color palette (#FEF4E5, #FFD1C2, #C09B66, #5571AE, #453E39)
• Ancient Brick color palette (#FFF2EE, #E0DE85, #AE3F4F, #5C001A, #150200)
• Softworn Drift color palette (#FBF3F2, #E6D9D5, #A8B67D, #DD7393, #221F0E)

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