Petrol Studio color palette — #D8F0FF · #006D8C · #15273A · #05161F · #020409
Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#D8F0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006D8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#15273A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#05161F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#020409): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Dusty Cobalt color palette (#D8E6F5, #0075C2, #273247, #16202A, #0A0C12)
- Timeworn Azure color palette (#E4F3EB, #00AADB, #3C6C5E, #274337, #07100A)
- Charred Lapis color palette (#E9F0FF, #454AD8, #202240, #0D1320, #040408)
- Indigo Canyon color palette (#D6E6FF, #4A6DE9, #A94B41, #146D2E, #1F2B41)
- Grape Lagoon color palette (#EDEDFE, #7F00A7, #21261D, #2C0B24, #090618)
- Nocturne Aubergine color palette (#D8DFFA, #360078, #281423, #110D05, #0A000F)
- Softworn Field color palette (#E4FCF1, #88A669, #416F48, #275259, #163D35)
- Weathered Azure Orchard color palette (#DAEFF8, #03A7F5, #006DC2, #2C437F, #333459)
Browse the whole catalog at Explore, or see today's palette.