Washed Petrol color palette — #E2F3EF · #8BBACA · #007586 · #00504C · #003441

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#E2F3EF): bright and airy, almost weightless.
• Ash (#8BBACA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007586): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Petrol Boulevard color palette (#E4F2F1, #94B5D5, #376AA5, #004B68, #152C57)
• Dusty Petrol color palette (#F0E6ED, #8BBCCE, #007696, #004D38, #00172C)
• Powdered Coast color palette (#EEF0E5, #92E3EB, #00B8D2, #00918C, #003441)
• Cerulean Courtyard color palette (#F8ECE6, #AFCEB4, #0094BC, #006F52, #003053)
• Cobalt Parlor color palette (#EAF9F7, #9BD7F8, #0087C9, #006378, #0C426E)
• Tempered Alley color palette (#EEF7F6, #D1DDEE, #77A0B5, #3D7A7A, #3A5768)
• Aged Bronze color palette (#CEE5D4, #9A7A00, #007B73, #5A4600, #00302D)
• Sunlit Navy color palette (#D1E3E3, #6494C1, #004694, #002D41, #000646)

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