Petrol Studio color palette — #C8E8F0 · #009A96 · #0068A5 · #4C2F78 · #002711
Peacock and Royal Purple set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#C8E8F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#009A96): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#0068A5): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#4C2F78): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Forest (#002711): A deep, shadowed, dusty teal — the color of sea glass.
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
- Muted Study color palette (#C5EAE9, #009F67, #007080, #243D7F, #1C2300)
- Wandering Cobalt color palette (#E2F5FF, #00A7C2, #3F6FC2, #5D4179, #05351A)
- Antique Nightshade Cabin color palette (#DAF2FF, #00829C, #2D3CBF, #500F59, #001611)
- Faded Atelier color palette (#CFE5F5, #0090CD, #5D4DBF, #691E60, #002621)
- Weathered Veranda color palette (#CDE7EC, #00796F, #27369F, #570030, #2B1C00)
- Antique Cypress Coast color palette (#D2EBF3, #008287, #003A44, #011A21, #000608)
- Hushed Turquoise Loft color palette (#D9F4F9, #00B1D1, #007EA3, #005C7F, #002D45)
- Washed Aubergine Meadow color palette (#CFE5F9, #006CA5, #4A1EA1, #47003A, #000A09)
Browse the whole catalog at Explore, or see today's palette.