Petrol Quarry color palette — #D0F7F4 · #007C88 · #004656 · #002A3A · #0E0F2A
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0F7F4): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007C88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004656): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002A3A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#0E0F2A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Petrol Quarry color palette (#CCE5F6, #0078AE, #003A58, #00121F, #00040A)
- Patina Drift color palette (#E8F2E7, #00794C, #004636, #002723, #001019)
- Hushed Cocoa color palette (#CCE6D9, #006987, #812C00, #003242, #210600)
- Onyx Coast color palette (#D0E2EA, #005F8B, #002F57, #00034A, #0C0018)
- Indigo Basin color palette (#DDEFE7, #62A4F7, #816CCF, #004B56, #250E28)
- Garnet Dune color palette (#C3E8FD, #005474, #770047, #313300, #000910)
- Dusty Loft color palette (#CCE4E6, #009AB5, #006889, #004B77, #35216F)
- Nightshade Villa color palette (#D3EBFF, #0071D1, #1700B1, #1A005C, #160038)
Browse the whole catalog at Explore, or see today's palette.