Patina Petrol color palette — #E1F3EF · #8ABAC9 · #007682 · #00504A · #00343F
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E1F3EF): a clean, paper-quiet neutral.
- Ash (#8ABAC9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007682): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00343F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Petrol Summit color palette (#EFE6EC, #8CBCCC, #007792, #004E34, #00182A)
- Petrol Corridor color palette (#E3F2F1, #8BB7D8, #2A6BA9, #004C65, #102D57)
- Turquoise Villa color palette (#EFEFE7, #92E3E7, #00B9CD, #009288, #00343F)
- Aged Basin color palette (#F6ECE7, #93D1D4, #0095B6, #006F4D, #00314F)
- Weathered Cypress Study color palette (#EEF7F6, #D1DEEF, #68A4B1, #387B78, #385768)
- Weathered Terrace color palette (#DED9FD, #A858BC, #007693, #6F1483, #002E3B)
- Muted Navy color palette (#CEE8E7, #6195BF, #004A8A, #002D3F, #000F38)
- Mulberry Lantern color palette (#F6F1FF, #F8B7D7, #D17E8E, #7D4984, #492238)
Browse the whole catalog at Explore, or see today's palette.