Weathered Petrol color palette — #F6ECE7 · #94BCA3 · #246DA2 · #00523D · #212957
Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Sage (#94BCA3): A luminous, dusty teal — the color of sea glass.
- Slate (#246DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#212957): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Muted Cobalt Archive color palette (#FCF3ED, #A8CFBC, #507AB0, #006154, #363461)
- Petrol Basin color palette (#E1ECE3, #75C0D2, #00759A, #004C48, #00172A)
- Linen Study color palette (#E8DDD4, #7AAB99, #274DB2, #003E3B, #230F49)
- Aged Denim color palette (#FAEBE7, #599CA0, #00516C, #003216, #001232)
- Cypress Studio color palette (#FAF4EE, #C0E6DC, #7F86B6, #007076, #5F3B49)
- Patina Study color palette (#FFEAE9, #EFB8B0, #BB9458, #5852A2, #472220)
- Lagoon Ridge color palette (#F6EBF2, #89E3F6, #58ADE8, #13946D, #1E2A56)
- Plum Study color palette (#F5D5E0, #B23271, #00713E, #00534D, #360F21)
Browse the whole catalog at Explore, or see today's palette.