Petrol Studio color palette — #E7DCD6 · #59B0C3 · #006CA6 · #004C37 · #080C3A
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#E7DCD6): bright and airy, almost weightless.
- Cyan (#59B0C3): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C37): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#080C3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Soft Hollow color palette (#F4E8DE, #6FAACA, #0058E1, #004B44, #16033C)
- Spruce Parlor color palette (#F5E4E0, #55A19C, #006377, #073F05, #000A17)
- Washed Petrol Canyon color palette (#F7EAF2, #68C6DD, #006FA0, #003F36, #00020D)
- Timeworn Cerulean Delta color palette (#E8ECDA, #6ABED5, #0090B8, #006C74, #001623)
- Soft Cobalt Coast color palette (#FAEBE4, #8AD1E1, #1C8ED2, #006F50, #212B50)
- Frosted Pine Coast color palette (#FFF2ED, #95ECF0, #00AADD, #008844, #1D406E)
- Worn Boulevard color palette (#F1D9EC, #AA009F, #006962, #004D5C, #130011)
- Antique Periwinkle color palette (#F9F4EF, #C4F0E2, #8DA0E8, #218B8C, #5A3E4A)
Browse the whole catalog at Explore, or see today's palette.