Petrol Study color palette — #ECF7FF · #D8D7EB · #B2BAD4 · #00698D · #020E17

Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#D8D7EB): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B2BAD4): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#00698D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#020E17): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Study 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

• Muted Denim Lantern color palette (#D9E2EA, #A6B5C5, #7B8FAB, #00496D, #020C16)
• Periwinkle Boulevard color palette (#D7F0FA, #8A9CDC, #6C668B, #384401, #001C15)
• Cobalt Villa color palette (#D6E2DE, #AEC4C8, #C8A6B0, #0089C6, #0D241D)
• Patina Balcony color palette (#F4F4FC, #E3D8E1, #D2BAC4, #8C5FAF, #1D1C2B)
• Hushed Jade Drift color palette (#DFFDF6, #5BB78B, #006F68, #00415C, #000A0A)
• Ultramarine Studio color palette (#D8E7FD, #004EDD, #17072D, #080A11, #000105)
• Worn Cobalt Basin color palette (#E9F4FF, #0F7CD7, #8D1923, #381D00, #010200)
• Nightshade Alley color palette (#FAEFC0, #0097C2, #4F43A1, #342A00, #00040C)

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