Petrol Delta color palette — #EAF8FF · #71C4E1 · #00809D · #004F64 · #003541
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF8FF): a clean, paper-quiet neutral.
- Sky (#71C4E1): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#00809D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004F64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003541): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Airy Cobalt color palette (#EEF6FF, #8EC1FD, #2E78C9, #00477B, #152D4E)
- Aged Meadow color palette (#EAF8FF, #61DCFE, #269EBF, #006A80, #003745)
- Pine Hollow color palette (#DFFCFF, #77CCB3, #008463, #005243, #00332A)
- Petrol Harbor color palette (#D0E3EC, #007CA7, #003E51, #00121E, #000407)
- Dusty Denim color palette (#F0F6FC, #83B3E4, #A44C77, #0162A9, #29202F)
- Washed Powder color palette (#E8F8FF, #D2D9EF, #C6BDFB, #4D917E, #384F5B)
- Dusty Azure Pier color palette (#E0F1FF, #14A3F9, #005E95, #002F50, #001A2B)
- Tempered Cobalt color palette (#EDF6FF, #1689CB, #7F7200, #5C5504, #223545)
Browse the whole catalog at Explore, or see today's palette.