Washed Petrol color palette — #F4F8E1 · #7FC3D8 · #00799C · #00555C · #003850
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#7FC3D8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Washed 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
- Softworn Meadow color palette (#FEEEE6, #6FCAE3, #0079B3, #005249, #00124B)
- Denim Boulevard color palette (#ECEFE2, #68A9C2, #005F83, #003D46, #002237)
- Frosted Lagoon color palette (#F1F8E5, #87BDEF, #136BCD, #005171, #0B2A77)
- Ancient Lagoon color palette (#F6F6EA, #B9D8B6, #009195, #006857, #004950)
- Ancient Corridor color palette (#E2FCF8, #96E8FF, #00BBEE, #0096A1, #003850)
- Gentle Azure Boulevard color palette (#FCF1F9, #8FD7ED, #0095DB, #007467, #0B2D6F)
- Hushed Ash color palette (#F4F6EF, #C4E7E8, #719FBF, #537962, #2F5249)
- Softworn Navy color palette (#E3E7DB, #5B86A5, #003E6E, #00202D, #00081E)
Browse the whole catalog at Explore, or see today's palette.