Petrol Quarry color palette — #F4EDE2 · #64C5E5 · #006F9F · #003E3F · #000309
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F4EDE2): a clean, paper-quiet neutral.
- Sky (#64C5E5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Teal Harbor color palette (#E9E0D1, #59B3B2, #00606C, #002C21, #000102)
- Weathered Corridor color palette (#FAF4EC, #95D4FF, #257AD6, #004F5D, #03062D)
- Linen Cobalt color palette (#F5E7DE, #61BEDC, #2A87D7, #006F5A, #0E063E)
- Wandering Chapel color palette (#F1E0D5, #CA5500, #007292, #642600, #000102)
- Dusty Alley color palette (#F9F4ED, #BFE4F4, #5DAEEA, #007E86, #3C253C)
- Hazy Aubergine color palette (#FEEBDF, #9F4D00, #006853, #4F00A5, #030100)
- Aqua Garden color palette (#F8F4EE, #BCE2E6, #50CFDD, #369572, #2C4638)
- Antique Amber Bloom color palette (#F6DBC5, #D57700, #743B00, #2A1300, #030100)
Browse the whole catalog at Explore, or see today's palette.