Patina Petrol color palette — #E4F3E7 · #80C3D1 · #007193 · #003E3A · #000307
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#80C3D1): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#007193): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Sapphire Cabin color palette (#E6F2E8, #8CBDE0, #0065C4, #003C47, #010015)
- Hushed Iris Quarry color palette (#DAF1FF, #9ED4FF, #8B92FF, #005E5E, #00070F)
- Lagoon Loft color palette (#CBF0E8, #008F90, #00636D, #002631, #000409)
- Aged Brick Pier color palette (#DFEFF7, #008DA6, #BD2000, #004451, #040000)
- Faded Mulberry color palette (#DFEEF7, #00728F, #9A0074, #4B4400, #000102)
- Washed Azure Chapel color palette (#C5E5F5, #00A2D9, #005A78, #00151E, #000103)
- Chalky Quarry color palette (#F8E7F3, #6ABFCE, #008CCC, #00704D, #040842)
- Turquoise Market color palette (#F0F7F1, #D9E0EC, #5BB1DD, #007F7D, #0E304E)
Browse the whole catalog at Explore, or see today's palette.