Petrol Studio color palette — #EFF8F1 · #CADFF4 · #6E89C1 · #006D89 · #3D4761
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Powder Blue (#CADFF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6E89C1): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3D4761): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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
- Washed Iris Terrace color palette (#EEF4ED, #C9DFF6, #7D88C9, #006C71, #282848)
- Hushed Lagoon Basin color palette (#FAF4ED, #C1E7EC, #96A0DA, #008B92, #503F64)
- Dusty Workshop color palette (#EFF8F1, #9FCDDF, #2C849D, #006155, #1C3E56)
- Patina Denim color palette (#DEEFE1, #61ABBF, #005F82, #003E3C, #00213B)
- Tempered Navy Veranda color palette (#DBE6DD, #4389AD, #003E6C, #002226, #000329)
- Timeworn Coral Terrace color palette (#FFF0FE, #C5696B, #5A8950, #4B699A, #443044)
- Soft Summit color palette (#FCF1FD, #D9838C, #009DA2, #984954, #004C4F)
- Driftwood Station color palette (#FFF0FE, #E9D7D8, #AECFAF, #9A6E7F, #55424F)
Browse the whole catalog at Explore, or see today's palette.