Patina Petrol color palette — #FAEBE4 · #5CC3CC · #007391 · #00523B · #043050
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAEBE4): bright and airy, almost weightless.
- Cyan (#5CC3CC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#043050): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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 Petrol Market color palette (#F6E5DF, #81C0C6, #00749F, #004E2C, #031335)
- Ancient Petrol Market color palette (#F6EDE3, #7DB8E8, #4463B1, #004E57, #2C274D)
- Hushed Cerulean color palette (#FFF2EC, #95D0DE, #3C80A5, #056152, #4A2F4B)
- Tempered Turquoise Station color palette (#E7F2E9, #A9DCEF, #1AB6D8, #00937E, #003248)
- Cerulean Hollow color palette (#F2DED2, #3A8CA4, #004064, #00231F, #00032B)
- Sunlit Navy Balcony color palette (#EADFD5, #5F95C3, #253F9B, #002F35, #160539)
- Patina Ash color palette (#FCF3EF, #C6EEE7, #70A1B9, #637653, #5D4C5F)
- Airy Magenta color palette (#FBE7F8, #C62BBC, #005E16, #005351, #30112D)
Browse the whole catalog at Explore, or see today's palette.