Petrol Study color palette — #ECF7FD · #D7D8EB · #B5BBD4 · #00778C · #2F434D

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Silver (#D7D8EB): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B5BBD4): A luminous, dusty violet — the color of a velvet chair.
• Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2F434D): 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

• Patina Meadow color palette (#ECF4F0, #C8DADC, #CFB6CC, #007794, #162A20)
• Denim Summit color palette (#E8F0F5, #C4CDDA, #9C9EB6, #005E79, #243037)
• Worn Boulevard color palette (#F3F5FC, #DED8DE, #B4A9A2, #7A809D, #50525A)
• Smoked Bloom color palette (#D3E6FA, #006BB6, #2E2346, #091929, #020713)
• Turquoise Corridor color palette (#EDF8F1, #ECDCE1, #E0BFBF, #33B6D1, #314539)
• Hushed Driftwood color palette (#C9F6FF, #75B2D4, #8875B2, #536129, #264E33)
• Worn Navy color palette (#DDE1E9, #A7A8B6, #857991, #202980, #0C1422)
• Cypress Ridge color palette (#E7FBF0, #7FB27A, #007B67, #1B5777, #21441E)

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