Weathered Petrol color palette — #E6F6ED · #74BFDA · #C88987 · #207D99 · #372F2C
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F6ED): A whisper-light, dusty teal — the color of sea glass.
- Sky (#74BFDA): A luminous, balanced blue — the color of deep harbor water.
- Dusty Rose (#C88987): A luminous, dusty orange — the color of autumn markets.
- Cerulean (#207D99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#372F2C): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Weathered 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
- Muted Petrol Lagoon color palette (#FAEDF8, #A1B2DF, #BA9562, #5A6FA8, #35302A)
- Patina Quarry color palette (#EEF5E5, #87C2A7, #C4889E, #3B8165, #472724)
- Dusty Turquoise color palette (#E1F9EC, #56A8C5, #B97C69, #A0694B, #192C23)
- Antique Cerulean color palette (#EBF8FE, #8DD1DF, #DBA289, #009DB4, #614255)
- Antique Chapel color palette (#EDF8F1, #81BBC7, #969F67, #008193, #5A4D00)
- Timeworn Hollow color palette (#D8FCEB, #00A7DA, #AD7700, #006485, #2E1D00)
- Petrol Balcony color palette (#F6EFF6, #DCBD99, #4A6289, #3D293C, #191118)
- Worn Stone color palette (#E6F7ED, #F3D5D1, #D9B59F, #7E9073, #2F433A)
Browse the whole catalog at Explore, or see today's palette.