Washed Petrol color palette — #F7ECE4 · #7FBBD5 · #2F6BA4 · #00504E · #212A53

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7ECE4): a clean, paper-quiet neutral.
• Sky (#7FBBD5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2F6BA4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#212A53): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Ancient Cobalt color palette (#FBF4ED, #97CCF1, #5778B1, #005F65, #36365A)
• Dusty Cobalt Chapel color palette (#F2E7DE, #93BFAA, #336BB3, #004C42, #140A3B)
• Washed Teal color palette (#F7EBE4, #5AAFAB, #006271, #004121, #002334)
• Soft Station color palette (#E6F2E8, #A6DCF6, #5CACEA, #008F9A, #0B2B5D)
• Antique Hollow color palette (#FEF2ED, #C3E7C8, #5694AA, #3B6E59, #2D5046)
• Hushed Teal color palette (#92F7F2, #00B0A1, #00615E, #00302C, #001817)
• Airy Loft color palette (#D0FFED, #76D4E5, #6B9ED4, #36652D, #233D26)
• Softworn Emerald Thicket color palette (#DBEDCD, #00AC30, #006E51, #004943, #0C2D42)

Browse the whole catalog at Explore, or see today's palette.