Petrol Delta color palette — #F4EEE4 · #82BBCD · #12719A · #00504F · #002F55

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Ash (#82BBCD): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#12719A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#002F55): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Hushed Cobalt Pier color palette (#FAF4EC, #ACCEBE, #427DAD, #005E67, #273B5A)
• Washed Studio color palette (#F0E7E2, #96BEA8, #236EB1, #004D3E, #100E39)
• Pale Meadow color palette (#EFE9DF, #77A4C6, #1A569F, #003C48, #10164F)
• Worn Azure Dune color palette (#E6F2E8, #A0DEF2, #0FB2F2, #009190, #0B2F4F)
• Cerulean Orchard color palette (#F7EEE1, #529DA3, #005364, #003129, #001622)
• Hazy Blush Basin color palette (#FFEDF6, #E1B8F2, #CD7BA9, #365591, #3A2B51)
• Tempered Alley color palette (#F9F4EE, #CFE3CE, #5197A0, #237257, #2B513E)
• Quiet Ultramarine Atelier color palette (#D2E5FB, #547FE3, #474BBD, #3D2787, #392458)

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