Washed Petrol color palette — #F0E3DE · #34B4BD · #007FAA · #006135 · #00071F

Cerulean and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E3DE): bright and airy, almost weightless.
• Cyan (#34B4BD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007FAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006135): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Cobalt color palette (#FAECE1, #49ADD6, #3273CB, #005E53, #090028)
• Frosted Terrace color palette (#F9E6DD, #62C1CC, #008EC3, #007145, #000A42)
• Softworn Lantern color palette (#DBE7DD, #26A5AD, #006376, #003C32, #000B13)
• Lagoon Corridor color palette (#ECE1E9, #3C858B, #004255, #002015, #000104)
• Misty Iris Basin color palette (#F5EBE1, #90C6F4, #788BE1, #007C7F, #271141)
• Softworn Crimson Station color palette (#FFE3D8, #E4243B, #007F8F, #A00020, #00070A)
• Gentle Veranda color palette (#FEEBE9, #D00021, #00718C, #2A507C, #070000)
• Soft Periwinkle Terrace color palette (#FCEBE0, #8AE1FF, #5EA9F5, #1A927A, #262854)

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