Petrol Studio color palette — #C9E7F2 · #0098A2 · #0066AD · #483278 · #022803
Peacock and Royal Purple set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#C9E7F2): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0098A2): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0066AD): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#483278): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Forest (#022803): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Hushed Alley color palette (#C9E6F7, #0095B5, #4453C8, #612665, #002620)
- Navy Lagoon color palette (#C4EAEB, #009E74, #006F87, #2D3788, #162500)
- Ancient Atelier color palette (#CCE7ED, #007874, #453190, #5C000B, #1C2300)
- Quiet Aubergine color palette (#D3E4F3, #006CA6, #4D1D9E, #480036, #000A0A)
- Petrol Market color palette (#D6E9F1, #00818C, #003947, #011922, #000608)
- Misty Turquoise color palette (#D0E5EB, #00B0D8, #007AA2, #005A84, #003657)
- Cobalt Lagoon color palette (#E3F2F1, #92CDF1, #398DCC, #006882, #082E55)
- Sunlit Archive color palette (#CDE4FD, #0588ED, #7643B2, #6D2149, #002528)
Browse the whole catalog at Explore, or see today's palette.