Petrol Delta color palette — #EFF7F7 · #CDDEF0 · #6D8CB7 · #156A91 · #344867

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Powder Blue (#CDDEF0): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6D8CB7): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#156A91): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#344867): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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

• Aged Veranda color palette (#EFF7F5, #C7E1EA, #319AA8, #007269, #17505D)
• Iris Canyon color palette (#F8EFF2, #C2E0FD, #758ACB, #006A79, #252A44)
• Cobalt Hollow color palette (#E8F9F8, #B4D2ED, #2582D6, #006281, #1A3E76)
• Patina Denim color palette (#E4F3F1, #72A8B6, #00617A, #003D41, #002332)
• Weathered Periwinkle Atelier color palette (#FBF4EC, #C2E6EC, #85A1EF, #328895, #5C3C4E)
• Timeworn Abyss color palette (#D0E4E2, #5F86A0, #004162, #002129, #000A18)
• Feathered Dune color palette (#E5FAFF, #2D9B98, #557CB6, #57741A, #163E47)
• Timeworn Petrol color palette (#E8F8FF, #72C3CB, #00818C, #005058, #00363C)

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