Patina Basalt color palette — #F2F9E1 · #D5DECD · #A3B1A1 · #8E7C90 · #5F4759

Charcoal Brown takes the lead with Gray close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F2F9E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#D5DECD): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A3B1A1): A luminous, dusty green — the color of new leaves after rain.
• Gray (#8E7C90): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5F4759): A full-bodied, dusty pink — the color of peonies in June.

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

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

• Veil Canyon color palette (#E4FBF5, #C0E7F4, #A3C6C7, #7993A5, #4B5560)
• Aged Parlor color palette (#FFF3E4, #DACDB3, #ACA78A, #808E7A, #415543)
• Softworn Basalt color palette (#DAEBDB, #9DBEA7, #799A8B, #696086, #50395E)
• Timeworn Chestnut Market color palette (#FFF3E9, #C8BEAF, #92937F, #8C6472, #794511)
• Mint Grove color palette (#F0F9E5, #7DC2A3, #6CAFCE, #9E9361, #41443D)
• Garnet Boulevard color palette (#D1E6EB, #7DB7D7, #5184BF, #71537F, #5E1C51)
• Tempered Corridor color palette (#C3ECEB, #49A1AF, #407B96, #4D4078, #3A1E4D)
• Washed Fern Harbor color palette (#F8F8D3, #ADD5A5, #7BAD7D, #4E805C, #465A16)

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