Washed Petrol color palette — #F7ECE6 · #76BED1 · #006FA3 · #005147 · #142C57
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Cyan (#76BED1): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#142C57): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. 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
- Antique Petrol Coast color palette (#E0ECEA, #6DC1D9, #007698, #004A51, #001826)
- Quiet Cerulean color palette (#EDF1E0, #75D3EF, #0093BE, #006A74, #003249)
- Tempered Orchard color palette (#FDF3EC, #99CEE6, #247BC9, #00605E, #4E2E47)
- Ultramarine Study color palette (#F2E8E0, #68A6D0, #004BC3, #003D42, #1B1940)
- Washed Sky color palette (#E8F1EA, #AFDAF1, #2FB1EB, #00918F, #013053)
- Abyss Boulevard color palette (#F7E4DB, #509DA3, #005268, #003122, #001528)
- Ash Corridor color palette (#FAF4F0, #CBE6E5, #729EC5, #357C76, #5D4C5A)
- Sunlit Lapis color palette (#E7DEC4, #8A8200, #4B52E3, #504B00, #1D2254)
Browse the whole catalog at Explore, or see today's palette.