Petrol Workshop color palette — #DEF1FF · #006BB3 · #004186 · #00185F · #02002E
Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004186): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#00185F): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#02002E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Workshop 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
- Lowlit Field color palette (#D9F6FC, #00618B, #003669, #0D0044, #080023)
- Washed Petrol Terrace color palette (#DFF1F7, #007AA2, #004C6E, #00243D, #000816)
- Worn Nightshade Delta color palette (#D3E5FF, #3865DA, #301CB9, #20006C, #0B0029)
- Muted Nightshade Archive color palette (#DEF3FA, #0083C0, #005CB0, #1E169C, #0B0025)
- Wandering Sapphire color palette (#EFDBED, #2062CE, #006946, #00317E, #000804)
- Faded Study color palette (#E4E7FE, #A295DF, #9366BF, #2B4786, #0C0927)
- Faded Indigo color palette (#DFE8F7, #738FF1, #5C5ED0, #46369A, #2D1F57)
- Muted Ultramarine color palette (#E3E7F4, #3540C9, #850070, #00464D, #010010)
Browse the whole catalog at Explore, or see today's palette.