Petrol Delta color palette — #ECF3F8 · #D7D6DE · #C1B9C5 · #487D94 · #222E35

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

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D7D6DE): a clean, paper-quiet neutral.
• Ash (#C1B9C5): soft and architectural.
• Slate (#487D94): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#222E35): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Balcony color palette (#F0F6FA, #D9D9DF, #BFBCC9, #367CA2, #3C4A54)
• Indigo Lantern color palette (#EEF2FB, #DFD2E0, #C9B8D1, #615FAF, #1E2436)
• Washed Cypress color palette (#E8F5F0, #90BDBB, #45817C, #42576D, #0D2D2C)
• Washed Abyss Corridor color palette (#D7E3EC, #97A0B4, #7A7799, #003B57, #00050C)
• Powder Orchard color palette (#DFF6FF, #A4B6D4, #88839A, #465F55, #284037)
• Hushed Cobalt Ridge color palette (#DEE9F9, #4171CA, #2F2F41, #0C1624, #02070C)
• Nightshade Cabin color palette (#E7E8F1, #CDC8D8, #AC9EAE, #5A458E, #131521)
• Aged Grove color palette (#E1F9E9, #34ADC4, #6A6397, #544507, #112434)

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