Petrol Delta color palette — #F6EAF5 · #8CB9CA · #067198 · #00532E · #162D53

A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F6EAF5): bright and airy, almost weightless.
• Ash (#8CB9CA): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#067198): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00532E): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#162D53): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Cobalt Quarry color palette (#FBF2F8, #9FCDE2, #3C7FAC, #006346, #293A59)
• Petrol Terrace color palette (#F9EAEF, #8BB7DB, #5061AD, #004F50, #34244B)
• Muted Petrol color palette (#EEE8DF, #83C0C4, #00788E, #004C40, #001925)
• Muted Denim color palette (#EBDDE4, #5DABC3, #00599A, #003F32, #17144E)
• Ash Orchard color palette (#FAF3F8, #D4E1F2, #799EBB, #427979, #455369)
• Azure Canyon color palette (#C4F9F2, #75DACD, #549FD6, #6B5700, #00393C)
• Dusty Atelier color palette (#F6EAF2, #498B9E, #003F6B, #00231A, #05012B)
• Airy Turquoise Station color palette (#FAEBE5, #9EE1E4, #00B4EA, #339458, #122D53)

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