Weathered Petrol color palette — #FFF4DD · #CCCEA6 · #61B091 · #007D8D · #004C73
Teal takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#CCCEA6): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#61B091): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004C73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Soft Hollow color palette (#DBEDCC, #22B699, #008086, #00547A, #140069)
- Hushed Cabin color palette (#F7F8D5, #ABDEC9, #5AB1B3, #187DB7, #3D4480)
- Antique Pine color palette (#FFF3E8, #DFC9A2, #95A366, #2E8953, #005556)
- Dusty Lagoon color palette (#D6FFF7, #91C6AA, #29927B, #006A6A, #004E5F)
- Faded Nightshade color palette (#CBE8D3, #00AA9B, #006C8C, #020EAB, #1F0044)
- Aubergine Workshop color palette (#C8EBBA, #59C2B4, #0093AD, #005E9C, #36087E)
- Pewter Villa color palette (#FFF2EE, #C6BF94, #4FA2A2, #9A5861, #474941)
- Wandering Aubergine Thicket color palette (#DAF0E8, #0095AB, #005498, #2A0078, #16001C)
Browse the whole catalog at Explore, or see today's palette.