Weathered Petrol color palette — #F4EEE3 · #80BDC4 · #00748D · #005146 · #003249
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F4EEE3): a clean, paper-quiet neutral.
- Ash (#80BDC4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Petrol Villa color palette (#F5EDE2, #8EBDB0, #3E65B0, #004D60, #242855)
- Tempered Denim color palette (#F5EEE4, #66A9C5, #005D8E, #003D41, #001D47)
- Patina Cerulean color palette (#F9F4ED, #A6D1B6, #3881A3, #00605D, #124439)
- Worn Petrol Grove color palette (#F1E7E2, #98BEA0, #0074A1, #004E2E, #000E43)
- Cobalt Station color palette (#FCF4E7, #A0D7F5, #2484D0, #006570, #293E69)
- Patina Loft color palette (#F9F4EE, #C7E8E3, #79A490, #3A7B74, #315248)
- Muted Turquoise color palette (#E9F1EA, #A3DFE6, #00B6DC, #009381, #003249)
- Weathered Cerulean color palette (#F2E9DC, #3A8CA6, #004160, #002223, #00091A)
Browse the whole catalog at Explore, or see today's palette.