Petrol Quarry color palette — #FFF2EC · #74C7D0 · #00799C · #005842 · #00345D
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#74C7D0): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005842): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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 Aqua Drift color palette (#E5F6F3, #5ECEDB, #008093, #00524F, #001E27)
- Washed Sapphire color palette (#FEF3EA, #8ABFE2, #2D69CC, #00555A, #2C266B)
- Hushed Corridor color palette (#F5F7E7, #74DDE9, #009DB5, #00726F, #003948)
- Ancient Denim color palette (#F6E6DF, #68AAB8, #005F84, #003F34, #001E45)
- Antique Sky Bloom color palette (#FFF0FB, #69F0FE, #00BBEE, #009B76, #00355C)
- Sky Balcony color palette (#DEFFE5, #79DAC9, #00B9ED, #5B6B00, #004639)
- Timeworn Bloom color palette (#FBF3F0, #CEE4E1, #6FA0C0, #2A7E70, #604A5F)
- Softworn Boulevard color palette (#F7E7DD, #55889E, #003E6D, #002221, #03002E)
Browse the whole catalog at Explore, or see today's palette.