Petrol Quarry color palette — #EEF6FF · #FFDDCE · #5579A1 · #1D3A58 · #081018
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Shell Pink (#FFDDCE): A whisper-light, dusty orange — the color of sun-warmed clay.
- Slate (#5579A1): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#1D3A58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#081018): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.
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
- Cerulean Ridge color palette (#F0F5FE, #B9E2F0, #7585AD, #354664, #161B24)
- Mustard Dune color palette (#E7F4FF, #D4AD59, #2A5A79, #0A2A40, #060D14)
- Ancient Lapis color palette (#F1F5FF, #C9E49B, #6359C0, #2B2163, #030617)
- Patina Dune color palette (#EAF9F3, #ECD29E, #539DCD, #3E6884, #132620)
- Wandering Coral color palette (#FFF0FB, #EE908B, #404E7E, #3D2438, #23181B)
- Muted Coral Station color palette (#F0F6FA, #CAE0FF, #E27B7E, #0098C1, #1C0B1C)
- Hushed Raspberry color palette (#F1F5FF, #9997E3, #AF5D8B, #546400, #151A2F)
- Ancient Pine Archive color palette (#E4FBF9, #93D5FD, #A77FBF, #2E7443, #23324A)
Browse the whole catalog at Explore, or see today's palette.