Petrol Delta color palette — #EFF6FD · #D7D8E4 · #A8B4C6 · #316991 · #333C43

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#D7D8E4): a clean, paper-quiet neutral.
• Ash (#A8B4C6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#316991): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#333C43): 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

• Washed Petrol Balcony color palette (#ECF3F8, #D5D4E1, #B2B6C9, #006D98, #13222D)
• Muted Veranda color palette (#F1F5FF, #CDD1E7, #A3A3C6, #5649A5, #2D3243)
• Dusty Cerulean Bloom color palette (#F0F7F4, #E5D7DA, #D4B9B9, #228ABB, #323E39)
• Softworn Driftwood Terrace color palette (#F3F5FC, #DDD8DF, #B6A9A8, #857AA4, #50525C)
• Softworn Workshop color palette (#DAE5FF, #979BBF, #716D8C, #754645, #523A4A)
• Antique Navy Balcony color palette (#DCE3EB, #B1BAC6, #838EA4, #0D457C, #122030)
• Dusty Periwinkle Market color palette (#EFF6FF, #88CCFF, #5A99FF, #6560C9, #223053)
• Muted Aubergine color palette (#E3E3EB, #9998A5, #736B88, #3B1255, #080714)

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