Petrol Delta color palette — #EAF4F3 · #D0DBF0 · #7CA2BA · #447284 · #243948

A conversation between Slate and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Powder Blue (#D0DBF0): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7CA2BA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#447284): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#243948): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Ancient Turquoise color palette (#DAEEEB, #35ADC7, #00627C, #00393C, #000D15)
• Hushed Powder color palette (#E6F4FF, #D4D6E4, #C3BCE1, #6D8FA3, #303A44)
• Antique Lilac Atelier color palette (#E4F5FF, #69C0E2, #BA87BE, #2D7C98, #322D45)
• Washed Villa color palette (#F9F4EE, #C8E8E5, #71A0BC, #357B7C, #5F4A61)
• Softworn Cypress Pier color palette (#DBEEEA, #6BC5C3, #007A81, #004C42, #001A1F)
• Hushed Bloom color palette (#D7F0EE, #3C81A3, #004062, #001E26, #000104)
• Powder Station color palette (#E6F4FF, #8FD0FF, #4A8CB3, #204C6A, #022237)
• Weathered Stone Coast color palette (#E7F7EA, #CABB8A, #6B8D72, #495F49, #223028)

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