Petrol Delta color palette — #E7EAE2 · #91B8DC · #3B6CA8 · #004763 · #041337
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Parchment (#E7EAE2): bright and airy, almost weightless.
- Sky (#91B8DC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3B6CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#041337): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Softworn Petrol color palette (#E8EADF, #94BFA6, #007698, #004A51, #001826)
- Patina Sapphire color palette (#F7EBEF, #92B6D6, #4260BD, #004E58, #2E2259)
- Dusty Quarry color palette (#E5F2F1, #ACC8E3, #4B88D4, #00668C, #102961)
- Timeworn Denim Harbor color palette (#DFE0D4, #61A9B4, #006376, #003939, #000D13)
- Wandering Ridge color palette (#E8E9DB, #2C878F, #00444E, #001F1E, #000202)
- Brick Pier color palette (#F4D7DE, #943FAD, #AE1625, #004D8D, #15011C)
- Timeworn Blush color palette (#FFDBE1, #E8B8DA, #E187AD, #6D4684, #2B0E27)
- Faded Grape Pier color palette (#ECEBFC, #9371D5, #7233AB, #4C0868, #24002E)
Browse the whole catalog at Explore, or see today's palette.