Washed Petrol color palette — #F4F8E3 · #81C3DA · #0078A0 · #00545E · #003753

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

The five colors

• Cream (#F4F8E3): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#81C3DA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0078A0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Gentle Harbor color palette (#FCEFE6, #5ACBEF, #0078BA, #00524C, #020D50)
• Ancient Denim Orchard color palette (#E8EAE1, #73A7BE, #005E87, #003C47, #00213A)
• Lagoon Grove color palette (#F6F6EB, #BAD7BA, #00909A, #00685C, #004853)
• Softworn Sky color palette (#E2FBF9, #A1E5FF, #11B9F7, #0095A7, #003754)
• Azure Orchard color palette (#FFF0F8, #73DAFD, #0093E4, #00736A, #162D6C)
• Washed Atelier color palette (#F4F6F0, #CBE2E2, #769EBE, #0A7B95, #604964)
• Faded Boulevard color palette (#EDE5C9, #8C8A00, #007F8B, #535200, #00353B)
• Tempered Grove color palette (#EEF1E8, #6284A3, #003C75, #00202E, #000526)

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