Washed Petrol Boulevard color palette — #EDF0E7 · #83B9DA · #006DAB · #004D60 · #142F4C

Built around Peacock, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Sky (#83B9DA): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006DAB): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#142F4C): 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 Boulevard 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

• Tempered Petrol Harbor color palette (#EEF0E5, #98BCA0, #007588, #00504E, #003442)
• Patina Cobalt color palette (#F3F7EE, #A3D0C4, #4679BC, #005A7D, #2A3A5B)
• Iris Atelier color palette (#FEEBFF, #A2BDFF, #8D8BF0, #005E8E, #3E273D)
• Cerulean Pier color palette (#DDE0D1, #4E9BB2, #00516B, #002F34, #001623)
• Muted Periwinkle color palette (#C9E3FF, #5399EC, #00569D, #002A56, #001836)
• Weathered Courtyard color palette (#F5EDE6, #A2DCFD, #79A3F2, #009288, #2F2455)
• Worn Olive Pier color palette (#C7E7D9, #0089BC, #3A7D00, #004F6F, #133100)
• Periwinkle Meadow color palette (#F4F6F0, #C6E6EA, #6F9DCE, #45768C, #5F4B5E)

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