Petrol Studio color palette — #E8F8FF · #88C2D5 · #3A89B4 · #33699F · #394E6B
Peacock and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Sky (#88C2D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3A89B4): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#33699F): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#394E6B): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Aged Denim Meadow color palette (#EFF6FF, #ACC9EC, #6484B7, #264F87, #223B58)
- Misty Azure color palette (#E7FDDF, #81D4E5, #4DACDE, #4E73A6, #604553)
- Antique Lagoon color palette (#D6FFFE, #86C8B7, #1E9791, #007277, #2F586A)
- Dusty Denim color palette (#EFF6FF, #9DAEDD, #7A7AB8, #685498, #514F72)
- Patina Cobalt color palette (#EDF6FF, #89B6D8, #BC8E61, #0079B8, #654625)
- Patina Cerulean color palette (#EDF6FF, #DAD9E3, #DEB2C8, #568FA7, #3F4E61)
- Timeworn Olive Thicket color palette (#EEF6FF, #749CC4, #B3757F, #63823D, #304459)
- Sunlit Summit color palette (#E1EFFF, #7692D7, #5B5FC3, #5136A0, #462E5B)
Browse the whole catalog at Explore, or see today's palette.