Petrol Quarry color palette — #D5F6FF · #007594 · #00516D · #00263B · #000814
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5F6FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007594): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00516D): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#00263B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Cobalt color palette (#D0E7FF, #137FCF, #004B7F, #001932, #000206)
- Feathered Fern color palette (#C9EFE0, #00729E, #2F6800, #003D57, #020800)
- Worn Cypress color palette (#CBEBDE, #00856D, #005047, #00322F, #000909)
- Nocturne Onyx color palette (#C9E8E7, #006674, #003444, #00192F, #020038)
- Feathered Aubergine Lagoon color palette (#D3F0E7, #005D93, #70009F, #00483D, #000205)
- Linen Navy color palette (#D1E8E5, #008B9F, #00617E, #00417B, #03002A)
- Tempered Hollow color palette (#EEDFF0, #84A0DA, #7579D4, #004B6D, #000822)
- Nightshade Studio color palette (#DCECFB, #0064C3, #0020BC, #130082, #070030)
Browse the whole catalog at Explore, or see today's palette.