Weathered Petrol color palette — #F7E5DC · #71C1D2 · #0072AB · #004D36 · #0B1331
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Rose Water (#F7E5DC): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#71C1D2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D36): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#0B1331): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Timeworn Loft color palette (#FCEFE7, #97D1E8, #527FB1, #005D4E, #311528)
- Denim Delta color palette (#F0E4DA, #68A5C6, #2A54A3, #003A35, #0D0226)
- Petrol Station color palette (#EEF0E3, #96BCA2, #00748E, #004F52, #003345)
- Wandering Balcony color palette (#F8EAF3, #A1CCDF, #0091C8, #006E5C, #082D5A)
- Wandering Azure color palette (#CEEEFD, #009EDF, #006085, #002836, #00050A)
- Timeworn Lagoon color palette (#DDEEE4, #009289, #00697D, #003959, #001636)
- Chestnut Lagoon color palette (#D6E6DC, #00788F, #944400, #5D4200, #000F06)
- Worn Lagoon Hollow color palette (#F9E6E0, #089D9F, #005168, #002E0E, #00040F)
Browse the whole catalog at Explore, or see today's palette.