Patina Basalt color palette — #FDD9CC · #C9B194 · #9A9770 · #7C5C6E · #5D343E

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

The five colors

• Shell Pink (#FDD9CC): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#C9B194): A luminous, dusty gold — the color of old brass.
• Moss (#9A9770): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#7C5C6E): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#5D343E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Patina 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 Lagoon Dune color palette (#F9E1C1, #B9B492, #489D85, #805859, #613D3A)
• Softworn Driftwood color palette (#F9D6D7, #CFA99B, #A5875D, #4D7569, #573A51)
• Taupe Boulevard color palette (#E9D8F5, #DEBFD0, #AAAD7D, #927598, #433F57)
• Softworn Olive color palette (#F1E2DB, #A99454, #517840, #554166, #341E45)
• Hushed Taupe color palette (#FADEB4, #B4A672, #798050, #365C62, #174754)
• Wandering Atelier color palette (#FFF1F6, #B6D6C1, #81A99D, #597388, #2C3655)
• Antique Lime color palette (#F7EBD4, #A2BD5E, #009D86, #7E4674, #5A2041)
• Indigo Villa color palette (#F1E4C1, #B9AD2C, #9D5B9F, #6062E2, #362A03)

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