Weathered Petrol color palette — #F4EDE3 · #99BC9F · #00748B · #005145 · #003248
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Sage (#99BC9F): A luminous, dusty green — the color of fresh herbs.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Aged Cerulean color palette (#F9F4ED, #AACFB7, #2783A7, #00605B, #1B3E58)
- Aged Petrol Cabin color palette (#F3EEE5, #88B8D5, #2A6BA8, #004E58, #162A5C)
- Cypress Alley color palette (#F8F5EF, #CDE2DE, #63A3BB, #008075, #2C5347)
- Antique Turquoise Garden color palette (#E4F3E7, #8DE4EB, #00B7DA, #00937E, #023247)
- Hushed Balcony color palette (#F1ECE3, #55899A, #00425E, #002222, #000919)
- Faded Atelier color palette (#F2EBE0, #6394C1, #0039B1, #002E3B, #0D0441)
- Ancient Hollow color palette (#EDDCC0, #9E7900, #3463CA, #5C4500, #072261)
- Muted Chestnut color palette (#FCECCD, #C3CD90, #68A879, #895100, #312F28)
Browse the whole catalog at Explore, or see today's palette.