Washed Petrol color palette — #EFE8DD · #65C1E2 · #0073A7 · #004B4D · #001532
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Cyan (#65C1E2): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Worn Petrol color palette (#FAE9F2, #7CBCD3, #2D6D9E, #00504B, #19295C)
- Timeworn Market color palette (#F7F1E8, #9ACFEF, #4980B6, #005A65, #2E172C)
- Faded Pier color palette (#F5ECDD, #71A1CC, #2153AB, #003745, #060329)
- Lilac Dune color palette (#CFF2E4, #9EC5FA, #A190E3, #046374, #28112B)
- Cerulean Lantern color palette (#D0F1F1, #0097AA, #00647B, #003951, #00152B)
- Cerulean Dune color palette (#F8F1E5, #93E0DC, #0094A2, #00654A, #002A36)
- Washed Azure Summit color palette (#C9E2F7, #009CE3, #006291, #002A46, #00050C)
- Timeworn Alley color palette (#F5ECDE, #009BAC, #005267, #002C27, #00050B)
Browse the whole catalog at Explore, or see today's palette.