Patina Petrol color palette — #FAF4EE · #C8EAEF · #AF8CA7 · #337A88 · #624A56
A conversation between Teal and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EE): bright and airy, almost weightless.
- Frost (#C8EAEF): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#AF8CA7): A luminous, dusty pink — the color of a candy shop window.
- Teal (#337A88): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#624A56): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Timeworn Cerulean Workshop color palette (#F4F6F0, #C8E6EB, #C6A4C6, #498FB5, #62495F)
- Worn Cypress color palette (#FBF3F0, #CAE9E3, #7AA491, #477B69, #5F4A62)
- Timeworn Petrol color palette (#EBF4F4, #D6D9EC, #839EC2, #1E749B, #2A374A)
- Worn Field color palette (#F2F7F1, #DCDEEB, #B1C5FC, #73ADB8, #4D5166)
- Softworn Cerulean Coast color palette (#FBF3EF, #CEE3CD, #4697AB, #396F52, #2A5044)
- Tempered Bronze color palette (#FFF3E5, #D0A875, #769BCA, #94692B, #5A445C)
- Weathered Lantern color palette (#FFF3E4, #B3925E, #648DBB, #75689A, #5B3B00)
- Petrol Atelier color palette (#FFF2EB, #7DC4D7, #0076AB, #00574C, #082E6E)
Browse the whole catalog at Explore, or see today's palette.