Petrol Studio color palette — #F0F6FB · #D8D8E4 · #A7B4CA · #346893 · #313C46

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D8D8E4): bright and airy, almost weightless.
• Ash (#A7B4CA): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#346893): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#313C46): 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 Studio 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

• Wandering Terrace color palette (#EBF3F9, #D6D4E6, #B2B6C8, #3C6A86, #182229)
• Cerulean Hollow color palette (#EEF8F4, #EBD7DC, #D5BBBA, #5187A8, #313E39)
• Byzantium Loft color palette (#F5F4FD, #E1D5DF, #C6B3DA, #92469D, #403D4F)
• Aged Chestnut color palette (#ECEFFF, #AD98BF, #81769A, #784940, #543645)
• Worn Grape Delta color palette (#F2F5FF, #CED1EA, #B59AC7, #5D3ABC, #2C3246)
• Weathered Navy color palette (#EAEDF5, #A3A8BD, #787CA0, #2C2978, #0C1325)
• Mulberry Quarry color palette (#EFEDF4, #D0C8D8, #AC97B8, #7C3571, #302B39)
• Frosted Indigo color palette (#F0F6FF, #91C9FF, #759DFF, #7465DB, #21294F)

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