Petrol Workshop color palette — #CCEAF3 · #007292 · #003E5D · #001930 · #00020A
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#CCEAF3): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003E5D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001930): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, 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
- Deep Onyx Bloom color palette (#CAE5F7, #0069A2, #00366B, #040055, #010011)
- Nocturne Garden color palette (#D6EAE2, #007A6B, #004341, #00181A, #000203)
- Weathered Abyss color palette (#DBEEE6, #5E5E67, #003B55, #1F232A, #000713)
- Velvet Onyx color palette (#D0F0D7, #005F76, #003152, #23002F, #000204)
- Petrol Veranda color palette (#C9E4F8, #446CAC, #3D4173, #3B172F, #160000)
- Misty Denim color palette (#C9ECDB, #0097A8, #007FA3, #004E8A, #000204)
- Worn Azure color palette (#CEE8F3, #0099DF, #0063A3, #003276, #040049)
- Timeworn Abyss color palette (#DDECE1, #8AA897, #658477, #003E46, #000602)
Browse the whole catalog at Explore, or see today's palette.