Patina Basalt Coast color palette — #E4DCF8 · #B9A1B9 · #906C78 · #3F586A · #343D59

Navy and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Thistle (#E4DCF8): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#B9A1B9): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#906C78): A full-bodied, dusty rose — the color of strawberry cream.
• Peacock (#3F586A): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#343D59): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Patina Basalt Coast 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

• Patina Taupe color palette (#EED9FE, #C8918A, #597B61, #385571, #393856)
• Dusty Petrol Basin color palette (#F6EEFF, #C0AABB, #79907C, #4D637A, #4A465B)
• Timeworn Parlor color palette (#FFE1F2, #CEAFBA, #A58D63, #437248, #165255)
• Weathered Balcony color palette (#FCDBE1, #E8B6AD, #C49875, #4C869F, #4E3950)
• Antique Archive color palette (#FFE2D4, #BFAA75, #658360, #635180, #653150)
• Antique Cobalt color palette (#FDF1F8, #A7CBDE, #307FB1, #006156, #263A5F)
• Onyx Corridor color palette (#FBE2F3, #A46C6D, #694A2B, #003C5B, #0C234E)
• Weathered Bronze Workshop color palette (#F9DFCC, #B19D89, #8C6824, #2F5D3A, #1D2C09)

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