Petrol Study color palette — #EFF2F9 · #DBD5E0 · #C3B9C9 · #6F6EA3 · #292C33

Built around Slate, softened by Ash — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#EFF2F9): a clean, paper-quiet neutral.
• Silver (#DBD5E0): a clean, paper-quiet neutral.
• Ash (#C3B9C9): A luminous, dusty violet — the color of wild irises.
• Slate (#6F6EA3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#292C33): a grounded near-black with real depth.

Feels like: Creativity, 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 Cobalt color palette (#F9F3F7, #E2D8D6, #CBBCB5, #646CB6, #50434C)
• Washed Pewter Cabin color palette (#F3EFFF, #C2B6CE, #8C7B91, #76505D, #203927)
• Softworn Mulberry Corridor color palette (#F4F0F6, #DED2D6, #C0B2BE, #934962, #251D29)
• Antique Aubergine color palette (#F0F1FA, #D3D1E8, #AEA5C8, #703F9B, #171630)
• Ash Coast color palette (#F2F5FC, #DDD8DF, #BBB2A9, #919ACD, #3B3F49)
• Onyx Market color palette (#E0DEE8, #908A9A, #72657D, #450C44, #020006)
• Pewter Terrace color palette (#FEECF8, #AB8EC7, #895685, #6D341D, #221E39)
• Ancient Violet color palette (#EBEBFF, #8A5FAB, #322D42, #151422, #05060D)

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