Patina Petrol color palette — #EFF8F3 · #E2D3D0 · #CAB7B5 · #3F7D95 · #3F4B45

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Silver (#E2D3D0): a clean, paper-quiet neutral.
• Stone (#CAB7B5): A luminous, dusty orange — the color of toasted spice.
• Slate (#3F7D95): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F4B45): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Washed Pewter Chapel color palette (#F9F3F9, #E7D8D7, #CBBDB7, #866986, #4C454C)
• Hushed Petrol Ridge color palette (#ECF3F8, #D5D7E1, #BBBBC8, #4F7B96, #232E36)
• Wandering Delta color palette (#EBF9F5, #E2CBD8, #C19BA2, #005D9C, #193A32)
• Antique Fern color palette (#F8F5EA, #8BBE99, #34827B, #3B6359, #3D4900)
• Worn Sky Courtyard color palette (#F0F6FA, #DADAE4, #BCAEB8, #5EB8E1, #3E4A52)
• Tempered Abyss color palette (#D7E3DE, #B6A3B0, #97747E, #003C57, #011911)
• Aged Aubergine Basin color palette (#F2E5E8, #C8B3B2, #A4877A, #56326B, #2C191F)
• Hushed Chestnut color palette (#DFFCE5, #CEAFD0, #A87B84, #736517, #3D5717)

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