Petrol Quarry color palette — #FAF4EB · #C5E3F8 · #8CA6DB · #007A9A · #282A4E
Teal and Mauve set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Powder Blue (#C5E3F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#8CA6DB): A luminous, balanced violet — the color of wild irises.
- Teal (#007A9A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#282A4E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Wandering Cypress color palette (#F9F4ED, #B8E8F2, #65B3C7, #00816C, #003347)
- Lagoon Ridge color palette (#FBF4EC, #C4EADF, #A1ABF3, #009FA7, #423254)
- Chalky Azure color palette (#FEF4E5, #DAE5F9, #2A9FFC, #00707D, #011B60)
- Timeworn Petrol color palette (#F6EDDE, #7EC2DA, #006F9F, #003E3F, #000309)
- Cobalt Lantern color palette (#F0F8F1, #ACC8E5, #5576BC, #005C75, #2E3956)
- Antique Cerulean color palette (#FDF4E6, #8EDBDF, #0089A0, #005344, #000F17)
- Periwinkle Meadow color palette (#F5F9D8, #79B96B, #6295EA, #B46263, #1C1D00)
- Tempered Canyon color palette (#F7F8D9, #A2CF82, #CC8BDF, #4E860C, #391742)
Browse the whole catalog at Explore, or see today's palette.