Petrol Quarry color palette — #DFFDF5 · #DCD7E1 · #85BAE9 · #3571A1 · #002F25
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#DFFDF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Silver (#DCD7E1): a clean, paper-quiet neutral.
- Sky (#85BAE9): A luminous, balanced blue — the color of open sky before noon.
- Slate (#3571A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#002F25): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, 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 Delta color palette (#E4FDEB, #BBE7E3, #67BCCA, #007D8E, #00343F)
- Patina Petrol Orchard color palette (#FFF0FD, #DBD3DB, #97B5ED, #4364A3, #1C2F4F)
- Patina Powder Lagoon color palette (#E0FDF2, #C8E7FF, #7FBAFD, #5791BB, #114033)
- Wandering Powder Bloom color palette (#E7F4FF, #92D1FF, #5E87B4, #335271, #041E30)
- Muted Dune color palette (#E6F0FF, #4D80CF, #003983, #28181F, #00071A)
- Softworn Iris Garden color palette (#FAF3F6, #E9D8D8, #DF95AE, #958EDC, #2B1916)
- Turquoise Drift color palette (#E7FBF2, #EBD6D2, #7EBBCC, #ACA499, #5B4A5C)
- Olive Quarry color palette (#FEF0F9, #B9BEF5, #D1A576, #6C8E50, #3D2B37)
Browse the whole catalog at Explore, or see today's palette.