Petrol Studio color palette — #FEF0FF · #E0D7F4 · #ACABF5 · #1A79AD · #2E4263
Cerulean takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Thistle (#E0D7F4): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#ACABF5): A luminous, balanced violet — the color of a velvet chair.
- Cerulean (#1A79AD): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2E4263): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, muted.
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
- Antique Lilac Workshop color palette (#FFF0FA, #DCD4FF, #BB9CD4, #5A6C94, #533747)
- Patina Powder Station color palette (#DBFFED, #DDE2F5, #97C2FF, #078499, #1F4C3D)
- Cerulean Studio color palette (#EEF6FF, #DED6E8, #D8C0FF, #009AC0, #30496E)
- Washed Wisteria color palette (#DEDBFF, #BE95F1, #A467B0, #3A3F76, #341323)
- Feathered Parlor color palette (#FDF0FF, #FFB2F2, #EB6DA9, #79449E, #512A4D)
- Tempered Teal color palette (#DEFEF0, #EDE0F1, #FFC1C8, #00C6C7, #2E4170)
- Patina Thicket color palette (#FFF1F2, #E2D7D1, #CEC095, #A8838B, #5D4C4C)
- Quiet Basin color palette (#C0E8F6, #FF8FD1, #A895FF, #4E282A, #2C1B25)
Browse the whole catalog at Explore, or see today's palette.