Washed Petrol color palette — #DEF3F2 · #8CBEDA · #006EA5 · #003C4A · #000308

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#DEF3F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8CBEDA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Market color palette (#E2F2EF, #65B0B9, #005F6F, #002B2A, #000102)
• Dusty Lagoon Cabin color palette (#E9FAF5, #A6D5E0, #008B90, #005345, #001012)
• Tempered Lilac Cabin color palette (#E3F1FF, #A3C7FF, #959DEC, #00638A, #00040F)
• Cerulean Dune color palette (#CBECF6, #0088AA, #00526D, #002E47, #000206)
• Softworn Grape Pier color palette (#DCEDFF, #006AB3, #8400AC, #004E46, #000104)
• Plum Parlor color palette (#E2F0FD, #0086C8, #A9218F, #004063, #040002)
• Softworn Cornflower Station color palette (#EFE1E7, #73BADF, #0682F0, #006D6E, #0C073F)
• Periwinkle Corridor color palette (#EEF7F7, #DADCE8, #65ACEC, #007A9B, #122E52)

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