Petrol Quarry color palette — #CBE6EB · #007389 · #004254 · #002637 · #001422
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CBE6EB): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004254): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002637): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001422): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Petrol Quarry 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 Cypress Archive color palette (#D5F2E3, #00745C, #004E41, #002622, #001413)
- Hazy Workshop color palette (#D1EFE3, #006692, #810073, #003048, #21001C)
- Airy Onyx color palette (#D6EBEA, #008A99, #00617F, #003456, #020345)
- Nocturne Cobalt Courtyard color palette (#D2E9FF, #0074BE, #003C63, #000F1F, #000207)
- Aubergine Harbor color palette (#DBE8F4, #004F85, #610083, #003932, #000814)
- Washed Indigo color palette (#D9EDFF, #85ABE3, #6466C9, #00405A, #240C27)
- Azure Cabin color palette (#D1F1FC, #00A1D5, #00729F, #004A79, #2A2760)
- Frosted Navy Harbor color palette (#D2E6F8, #0065B9, #003A8C, #000665, #08023E)
Browse the whole catalog at Explore, or see today's palette.