Petrol Delta color palette — #E8EAE1 · #7FBDDC · #0072A9 · #004958 · #00172D

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

The five colors

• Parchment (#E8EAE1): bright and airy, almost weightless.
• Sky (#7FBDDC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00172D): 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 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

• Timeworn Petrol Station color palette (#E9EADE, #99BEA0, #00788A, #004B48, #001921)
• Ancient Petrol color palette (#FBE9F1, #76BBDD, #246AB0, #00504F, #232A52)
• Cobalt Boulevard color palette (#F0F4E9, #A9D2C5, #297ED1, #005774, #0C1F40)
• Washed Cerulean color palette (#F2F3E5, #8CE0E4, #0094A3, #00635B, #002A34)
• Dusty Cerulean Bloom color palette (#E9EBE0, #2199B1, #005267, #002B2E, #00050A)
• Aged Alley color palette (#F1F3EC, #C2E4E6, #6BA2D2, #32748C, #412F42)
• Hushed Hollow color palette (#E6EAE0, #467DAF, #00387B, #001D2C, #00000D)
• Patina Blush Market color palette (#FFE3EB, #E7B7EB, #DD7FBA, #634F8E, #2B0F17)

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