Petrol Delta color palette — #ECF3F9 · #DAD6E4 · #C5B9CB · #53799C · #282D32

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

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#DAD6E4): a clean, paper-quiet neutral.
• Ash (#C5B9CB): A luminous, dusty violet — the color of wild irises.
• Slate (#53799C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#282D32): quiet, heavy and certain.

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

• Softworn Archive color palette (#EFF7F5, #DED4D0, #CBB7B2, #4E799C, #3D4B47)
• Wandering Hollow color palette (#F2F0F9, #DFD2D9, #C0B2BE, #7A567C, #211F27)
• Softworn Powder color palette (#E3F2FF, #B3BBDF, #8D819C, #4A645D, #1E3A34)
• Worn Lagoon color palette (#E4EDF8, #999FB3, #7B7894, #0B336E, #00040E)
• Muted Olive Delta color palette (#EBF5EC, #B9B77D, #627F4B, #4B546D, #162D23)
• Muted Driftwood color palette (#EBF2FF, #8BE3FF, #A6BDFF, #B271A1, #1E243D)
• Wandering Garnet Grove color palette (#E9E6EE, #BEACC2, #9B8695, #67275A, #0D0716)
• Indigo Harbor color palette (#DBE4F9, #6160E0, #302D47, #101522, #03070C)

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