Petrol Studio color palette — #E8EBDF · #81BDD7 · #0074A3 · #004956 · #00172A
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E8EBDF): a clean, paper-quiet neutral.
- Sky (#81BDD7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004956): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00172A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Petrol color palette (#FBE9F2, #7DBBD6, #256CA8, #00504D, #1F2A56)
- Antique Cobalt color palette (#F1F3EC, #ABD1C4, #3B81BC, #005871, #09203D)
- Ultramarine Harbor color palette (#E6ECDD, #79A0C8, #0052B5, #00354E, #010529)
- Worn Navy color palette (#DDE1D5, #517DA2, #003B72, #001D2A, #000108)
- Azure Lantern color palette (#F1F3EC, #C3E3E4, #6AA3CE, #387486, #403042)
- Airy Turquoise Chapel color palette (#DCF1D7, #81DEE4, #00AACC, #006955, #071F08)
- Muted Teal Delta color palette (#A3F3E7, #00AD9F, #00645C, #00322E, #000806)
- Linen Workshop color palette (#DDF1D9, #007C75, #005DB1, #435400, #000E0D)
Browse the whole catalog at Explore, or see today's palette.