Weathered Petrol color palette — #EDF4EF · #C6DCDB · #A0CABA · #00788C · #172A1E
Teal and Stone set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EDF4EF): a clean, paper-quiet neutral.
- Silver (#C6DCDB): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#A0CABA): A luminous, dusty teal — the color of glacier melt.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#172A1E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Denim Cabin color palette (#E2ECE6, #C1CFC9, #8BACA3, #005E78, #0B1913)
- Tempered Petrol color palette (#ECF4F1, #E4D5D9, #D2B5CC, #0D70B2, #172924)
- Weathered Summit color palette (#EDF7FB, #D4D9EA, #AABDD9, #007983, #2F434B)
- Tempered Cerulean Atelier color palette (#EFF8F0, #CEDFE0, #D0BDAD, #00A5B2, #2C392F)
- Petrol Corridor color palette (#CEEFE3, #0072A8, #062A50, #00150E, #000502)
- Driftwood Delta color palette (#F7EFF3, #DED4D3, #BFAFA2, #837CA7, #3B3437)
- Pale Pine color palette (#F2F4E2, #70BC7F, #007F50, #005A4B, #1F2401)
- Antique Navy Lagoon color palette (#DBE5E2, #BCAEBB, #A1829B, #004676, #000E0A)
Browse the whole catalog at Explore, or see today's palette.