Petrol Delta color palette — #F4ECF1 · #7FBDCB · #006EA8 · #00523B · #222B4D

Peacock takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F4ECF1): bright and airy, almost weightless.
• Ash (#7FBDCB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#222B4D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Delta 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

• Dusty Cobalt Lantern color palette (#FAF3F7, #99CEE4, #3A7AC3, #006152, #2E3959)
• Timeworn Studio color palette (#F0E8DC, #76C0D2, #00759C, #004B48, #00172B)
• Weathered Garden color palette (#F7EBEE, #8FB6D7, #4856D3, #004F51, #35224F)
• Periwinkle Orchard color palette (#D1F9F7, #81D4D7, #6895E2, #665F00, #073F43)
• Worn Denim color palette (#F6E9F5, #549DA0, #00516B, #003215, #001231)
• Patina Coast color palette (#FAEBE3, #A4DEED, #61AEDB, #00937F, #0C2C5A)
• Softworn Teal Boulevard color palette (#B6F1DB, #00AC95, #00604E, #003328, #001D13)
• Aged Boulevard color palette (#F9F3F7, #D6DFF1, #7A9CC2, #307E6C, #4A5266)

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