Petrol Delta color palette — #EFF6FC · #D9D9E3 · #C1BDC9 · #4B7A9C · #414950

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D9D9E3): a clean, paper-quiet neutral.
• Stone (#C1BDC9): a calm mid-gray that lets other colors speak.
• Slate (#4B7A9C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#414950): 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

• Weathered Cerulean color palette (#EFF7F4, #DED4D2, #A8A194, #5F96BB, #404B47)
• Pewter Field color palette (#F5F4FD, #E3D4DF, #BBAEC1, #775580, #3A3943)
• Wandering Grove color palette (#EEF6FF, #ADABDA, #87839E, #546855, #325153)
• Navy Parlor color palette (#D9E3F0, #9DAAC2, #767DA0, #00376B, #091521)
• Antique Basalt Corridor color palette (#EAE6F3, #BFB4C8, #9D84A0, #60305C, #211C2D)
• Stone Meadow color palette (#EAFAED, #B8B274, #6C7A4D, #3F5E70, #32483D)
• Ancient Iris color palette (#EFF6FF, #A3E2FF, #8EBBFF, #9A79C1, #2F3A58)
• Weathered Workshop color palette (#DDE5F4, #4C65D4, #2C3049, #1A1F29, #0B0B12)

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