Petrol Delta color palette — #ECF3F8 · #D3D6DF · #ADB9C5 · #0A6F8B · #13232C
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F8): bright and airy, almost weightless.
- Silver (#D3D6DF): bright and airy, almost weightless.
- Ash (#ADB9C5): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#0A6F8B): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#13232C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Patina Veranda color palette (#F0F7F3, #CEDCDE, #BFADB9, #007086, #303F36)
- Dusty Pewter color palette (#F0F1F9, #DFD2E3, #C0BCD0, #775AA0, #232430)
- Antique Ultramarine color palette (#EBF2FE, #CDD4E4, #A4AAC3, #314DBE, #121A28)
- Hushed Cerulean Veranda color palette (#EEF7FB, #D8DAE5, #BFAAA6, #4996A9, #223138)
- Cypress Studio color palette (#E6F6F4, #79AE90, #18755C, #194E58, #002122)
- Patina Abyss Bloom color palette (#DCE6EE, #A6B5C4, #7E8FA4, #004969, #000C18)
- Midnight Petrol Summit color palette (#D6E4F4, #0066B3, #14253E, #030D19, #000205)
- Aged Pewter color palette (#E7F0FF, #97A3C8, #7B6891, #59405E, #431916)
Browse the whole catalog at Explore, or see today's palette.