Petrol Studio color palette — #EDF7FF · #007AAA · #854000 · #5E2B00 · #002724
A conversation between Cerulean and Bronze, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Cerulean (#007AAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#854000): A full-bodied, balanced gold — the color of honey in a jar.
- Cocoa (#5E2B00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#002724): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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
- Feathered Denim color palette (#DCEAFB, #005FB1, #6A2C00, #4A1D00, #00191B)
- Wandering Sapphire color palette (#EFF6FF, #3C57EF, #634E00, #4D3C00, #002B25)
- Washed Mulberry color palette (#EDF6FF, #0084CE, #9E1D4F, #394600, #013417)
- Mulberry Corridor color palette (#E5F9FF, #008075, #9F004D, #670731, #262000)
- Grape Garden color palette (#FBF8C7, #0094DE, #713DB5, #4C4700, #253554)
- Wandering Amethyst color palette (#EEF1FF, #844ECA, #932474, #6B0C00, #00100F)
- Tempered Petrol Atelier color palette (#EEF6FE, #DBD7EC, #B7BAD4, #387099, #36414B)
- Orchid Canyon color palette (#F6F3FF, #A064AA, #72632A, #4A5827, #25343F)
Browse the whole catalog at Explore, or see today's palette.