Petrol Delta color palette — #F5EDE2 · #8DB7D8 · #3267B4 · #004D5D · #1E2660

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#8DB7D8): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3267B4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#1E2660): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Timeworn Petrol Courtyard color palette (#F5EDE2, #97BBA4, #007297, #00504D, #003051)
• Linen Villa color palette (#EFE8E0, #89BADE, #4760C8, #004B4A, #1B0B32)
• Weathered Loft color palette (#F5EBEF, #9ECAEC, #637EE2, #006C6B, #33244E)
• Patina Cerulean color palette (#FAF4EB, #9FD9E5, #008CB3, #006760, #004469)
• Softworn Summit color palette (#E4F3E7, #AAD9FF, #6BA5FA, #008DA8, #212956)
• Weathered Denim Hollow color palette (#E7DDCD, #6298AF, #004E79, #002F33, #001231)
• Patina Terrace color palette (#F8F5EF, #CBE5E9, #8599C2, #257994, #63495B)
• Gentle Basin color palette (#F1D8D1, #B9304C, #3A6E00, #004C93, #3D0813)

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