Petrol Studio color palette — #F1F5FC · #DAD8E1 · #C2BCCD · #5A74A5 · #43484F

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DAD8E1): bright and airy, almost weightless.
• Stone (#C2BCCD): A luminous, dusty violet — the color of wild irises.
• Slate (#5A74A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#43484F): quiet, heavy and certain.

Feels like: 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

• Muted Cobalt Dune color palette (#EEF2F8, #D8D5DD, #C2B8C4, #5377A7, #252D37)
• Weathered Basalt color palette (#EDF0FF, #B7B6CF, #887F9E, #725C6B, #654353)
• Byzantium Grove color palette (#F5F4FF, #E4D4E3, #C0B8CC, #8A4D9E, #3F3D4E)
• Powder Thicket color palette (#F1F5FF, #DBD7F6, #9FA9FB, #9D7EC7, #383E5E)
• Navy Terrace color palette (#E4E9F3, #A2A9BD, #787D9C, #272D74, #0B1324)
• Dusty Nightshade Study color palette (#F1F5FF, #CED2E2, #A2A3C7, #5442B7, #2A314B)
• Patina Parlor color palette (#E7FAF3, #A3B88D, #5B7F50, #3A606B, #264A42)
• Patina Iris Dune color palette (#FFF0FD, #8F8FD5, #775B95, #76383C, #353B58)

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