Petrol Study color palette — #E6F0F9 · #CED7EC · #B6B4CD · #41789D · #242F39

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

The five colors

• Frost (#E6F0F9): a clean, paper-quiet neutral.
• Powder Blue (#CED7EC): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B6B4CD): A luminous, dusty violet — the color of wild irises.
• Slate (#41789D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#242F39): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Denim color palette (#E1E7F0, #C0C2D7, #AA9FBB, #415F99, #16202E)
• Cobalt Station color palette (#EFF7F5, #E4D3CD, #D0B3A0, #007BC7, #07241E)
• Washed Cornflower Delta color palette (#E9EFF6, #D2D1DF, #BCB6D2, #3D94F3, #202F40)
• Violet Canyon color palette (#F3F4FF, #E2D9F3, #CFB3D1, #825FC7, #2E3146)
• Ash Garden color palette (#F1F5FD, #E0D8E2, #CDBBC6, #838DB4, #434852)
• Aged Ash color palette (#DAEDF8, #A29BCC, #996C85, #346458, #1C4038)
• Timeworn Aubergine Canyon color palette (#E2E1EC, #AE9EB7, #977D8F, #5E2C6D, #090714)
• Dusty Terracotta color palette (#CBE5FB, #1798D8, #9D3400, #444600, #202100)

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