Petrol Delta color palette — #E7F2E9 · #7EBBD5 · #006FA6 · #004F53 · #122E51
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Sky (#7EBBD5): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#122E51): 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
- Cobalt Field color palette (#F1F7F2, #A5CAE8, #387BC1, #005E6B, #2B395C)
- Weathered Cobalt color palette (#F3E4EC, #6AC0E0, #1E6CBB, #004C40, #120D38)
- Turquoise Cabin color palette (#EDF0E3, #9FDEF8, #58AFDE, #008EA2, #00314F)
- Gentle Lilac color palette (#E5F4FF, #ACCEFF, #9880E5, #006D80, #1C2F46)
- Ultramarine Atelier color palette (#E5F1E7, #75A3CF, #1349C3, #003C4C, #17164A)
- Cerulean Cabin color palette (#EEF8F0, #89E0DE, #008FA0, #006950, #02475A)
- Linen Studio color palette (#BFE7E7, #009AAF, #006480, #00415B, #211F4E)
- Faded Azure Veranda color palette (#D5EBFF, #369AE5, #005A8F, #002F4C, #001728)
Browse the whole catalog at Explore, or see today's palette.