Patina Petrol color palette — #F0F6FA · #DADAE5 · #C5BCD3 · #307E9D · #41494F
Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F6FA): bright and airy, almost weightless.
- Silver (#DADAE5): a clean, paper-quiet neutral.
- Stone (#C5BCD3): A luminous, dusty violet — the color of a velvet chair.
- Cerulean (#307E9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#41494F): 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
- Hushed Petrol Dune color palette (#EBF4F0, #CCDBDD, #CEBBC0, #4B7B98, #262E2B)
- Tempered Lapis color palette (#F1F5FF, #E1D5E5, #C4B4D9, #6059BF, #393F51)
- Powder Orchard color palette (#E9F8FF, #9AB9DB, #8685AA, #3F6F5F, #305954)
- Timeworn Abyss color palette (#E5EDF4, #A1AAB8, #8377A3, #003C5A, #061521)
- Cobalt Boulevard color palette (#DCE6F2, #346FC6, #2B2F4E, #132030, #0B0D14)
- Dusty Quarry color palette (#EDEEF5, #CCCAD8, #A89AB2, #584888, #2A2D3D)
- Patina Sky Archive color palette (#EFF7F4, #DED4D3, #73B5D7, #A8A69B, #404B46)
- Powder Coast color palette (#EFF6FF, #79F5FE, #7EB9FF, #9472B7, #323E5C)
Browse the whole catalog at Explore, or see today's palette.