Petrol Studio color palette — #EBF1E0 · #81BEEA · #006AB3 · #003B4E · #00020B
Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EBF1E0): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#81BEEA): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B4E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Muted Aqua color palette (#EFF0DE, #66C9CB, #00757F, #003E38, #000304)
- Linen Navy color palette (#F8E9EF, #5491B8, #0040A3, #002B2E, #04001A)
- Faded Cornflower Coast color palette (#ECDDD1, #89B6D7, #5280D8, #006C74, #130240)
- Antique Petrol color palette (#F4F6EF, #C1DFF4, #7FA9DC, #0079A3, #1B2D4F)
- Ultramarine Field color palette (#C4EDEC, #007677, #0049CB, #314C00, #000202)
- Antique Terrace color palette (#D8E4D3, #009281, #846000, #00463E, #020100)
- Washed Hollow color palette (#DAE8E0, #00A07C, #006351, #002722, #000303)
- Chalky Cocoa Pier color palette (#FBDED2, #B87246, #822F00, #430700, #030100)
Browse the whole catalog at Explore, or see today's palette.