Patina Ash color palette — #F6F1EA · #C3E7E7 · #7DA1C0 · #54745B · #3F303E

Blue Fog takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Silver (#C3E7E7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7DA1C0): A luminous, dusty blue — the color of deep harbor water.
• Pewter (#54745B): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3F303E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Azure Corridor color palette (#DDF9EF, #5EA4D5, #BE738A, #727F4F, #1A2B26)
• Cypress Pier color palette (#FBF2F7, #D8DFF0, #7E9CBF, #2E7C7B, #485367)
• Dusty Sky color palette (#E4F7EF, #72BDE7, #C2906C, #427996, #36302B)
• Dusty Cerulean Loft color palette (#D8F8DB, #63CDE1, #2E92B4, #2F5B7A, #413043)
• Tempered Denim color palette (#EAE3D8, #5FA7C3, #005E8C, #00393C, #000A1E)
• Patina Ash color palette (#E3F7F0, #EFD5CE, #AFA492, #7F9C8A, #433845)
• Wandering Petrol Alley color palette (#F0E8DC, #7BC1C7, #00778F, #004C41, #001925)
• Hushed Cerulean Thicket color palette (#F9F1E3, #82E3DF, #0094A2, #00654A, #002A36)

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