Washed Petrol color palette — #F4ECE0 · #5CB0B1 · #008394 · #005F4A · #000B11

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Cream (#F4ECE0): bright and airy, almost weightless.
• Turquoise (#5CB0B1): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005F4A): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000B11): 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

• Timeworn Teal color palette (#F8E8E3, #25A6A8, #00617D, #003F17, #00091B)
• Weathered Pier color palette (#CFEEF1, #61B3DA, #7499DD, #008170, #000E05)
• Softworn Lagoon color palette (#D4F6E6, #009082, #006E6F, #004A52, #000B0F)
• Wandering Crimson Boulevard color palette (#C8F2F4, #009096, #D20038, #006165, #140001)
• Cobalt Grove color palette (#F9EEDC, #60A9D7, #0074D5, #005B69, #02022B)
• Timeworn Canyon color palette (#F7EFE2, #8FC7EF, #4993EE, #007A8F, #101A47)
• Muted Byzantium color palette (#D9F3F7, #007E8A, #A500AA, #6F5400, #000203)
• Tempered Turquoise color palette (#F3EEE5, #9FDFF1, #4CB0E1, #00918F, #043052)

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