Washed Petrol color palette — #EDF1E3 · #83B9DB · #006DAF · #004D61 · #112E50

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

The five colors

• Cream (#EDF1E3): a clean, paper-quiet neutral.
• Sky (#83B9DB): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006DAF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#112E50): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Antique Petrol color palette (#EEF0E0, #99BBA2, #00748A, #004F50, #003343)
• Cobalt Lantern color palette (#EFE7E1, #98BDAF, #3769B9, #004B4F, #120C3B)
• Cobalt Bloom color palette (#F3F7EB, #A7CFC4, #4E79B6, #005A7F, #4C2F48)
• Soft Periwinkle Workshop color palette (#E6F1F1, #A6DBFD, #3EACFF, #008CAF, #152F4D)
• Cerulean Terrace color palette (#F5F7E6, #95DCE4, #008FA4, #006763, #004759)
• Timeworn Denim color palette (#E5E8DA, #549AB0, #00516C, #002F34, #001624)
• Petrol Canyon color palette (#F4F6EF, #C4E7EC, #7D9CBF, #3B7791, #604A5F)
• Misty Ultramarine color palette (#C9E9E8, #007B7A, #1557C0, #3B5700, #002525)

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