Faded Petrol color palette — #F7EEE1 · #60ACD3 · #0069B0 · #004951 · #010F38
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F7EEE1): bright and airy, almost weightless.
- Cyan (#60ACD3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#0069B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#010F38): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Faded 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
- Patina Petrol Parlor color palette (#E9E1D5, #52B2B9, #007287, #004B3E, #001722)
- Antique Petrol color palette (#DAF4F2, #85BFE0, #006DA7, #003C4A, #000309)
- Weathered Navy color palette (#F5EAE0, #3D9BC3, #00449B, #00302A, #15033E)
- Muted Cobalt color palette (#F4E7ED, #71BAE0, #3B84D8, #006D6E, #0D0047)
- Worn Periwinkle color palette (#F9F4EE, #AFDBFA, #5498E8, #00798D, #2D395C)
- Lagoon Ridge color palette (#D8F5F4, #009F9D, #006766, #002B2B, #000404)
- Hazy Azure Workshop color palette (#DBE5D8, #65BDCA, #06A2E7, #006942, #002224)
- Plum Atelier color palette (#E5F2DE, #008B76, #BA005D, #005144, #25000D)
Browse the whole catalog at Explore, or see today's palette.