Washed Petrol color palette — #F4F6EF · #C0E0F4 · #7EAADB · #24789A · #182E52

Slate and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Powder Blue (#C0E0F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#7EAADB): A luminous, balanced blue — the color of deep harbor water.
• Slate (#24789A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#182E52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cypress Balcony color palette (#F5F6E9, #B6E6EF, #5BB6C3, #008077, #003540)
• Petrol Veranda color palette (#EDF0E1, #7EC3D4, #00728F, #003D41, #000306)
• Weathered Coast color palette (#FCF4EC, #C4EADE, #96B1EA, #009EAD, #38345F)
• Muted Cobalt Study color palette (#EBF8F8, #A3CAEA, #3C7BBD, #005B79, #263A5C)
• Denim Parlor color palette (#E6EDDB, #83A6C9, #17529F, #00283C, #00000C)
• Ancient Orchard color palette (#F6F6E7, #9DD9D6, #008B92, #005347, #001013)
• Sunlit Plum color palette (#FFF2EF, #FF9DBA, #7FA3F7, #BD4470, #16254D)
• Wandering Coral Orchard color palette (#FFF2ED, #F27E82, #BC8E00, #9668AF, #311005)

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