Petrol Studio color palette — #D9E5DB · #55ACDD · #0067B7 · #004853 · #040E37
Built around Cobalt, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#D9E5DB): bright and airy, almost weightless.
- Cyan (#55ACDD): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#040E37): 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
- Turquoise Coast color palette (#E0EFE3, #48B3C1, #00718E, #004B43, #001624)
- Patina Petrol Archive color palette (#ECF0E2, #88BEE1, #006CAB, #003B4C, #00020A)
- Ancient Thicket color palette (#F8E8EE, #5E97B8, #004696, #002F31, #0F0244)
- Tempered Cornflower color palette (#E6DDD5, #88B7D4, #4181DE, #006C71, #100045)
- Linen Cerulean color palette (#DBEEF1, #008CAA, #005A7A, #00385F, #000F31)
- Hazy Orchid Summit color palette (#CDE5FE, #94B0FF, #A770DF, #006981, #061534)
- Chalky Cobalt color palette (#DEECF6, #007FBC, #9B4E00, #004A70, #1D0900)
- Faded Cobalt color palette (#E6F2E8, #83CFF5, #268CD7, #006A74, #162C54)
Browse the whole catalog at Explore, or see today's palette.