Petrol Quarry color palette — #FDECF7 · #82C8D8 · #007BAC · #005346 · #00183E
Cerulean and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FDECF7): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#82C8D8): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005346): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00183E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Sunlit Sapphire Garden color palette (#FFECF2, #8AC1F3, #4D69CB, #00505B, #1D0548)
- Petrol Balcony color palette (#E2FBF7, #7CC4D5, #007A97, #005559, #00384D)
- Patina Denim Workshop color palette (#F0E3EB, #6AA6BA, #005D90, #003A34, #000231)
- Azure Boulevard color palette (#FFF2EB, #84DAEE, #0097D4, #007463, #002F6E)
- Antique Cypress Grove color palette (#F7EFF4, #D6D1E6, #7DA0C2, #2E7874, #2B364A)
- Aged Navy Corridor color palette (#F3DEE7, #487FA1, #003681, #001F21, #01000A)
- Faded Orchard color palette (#E4E8D9, #61A100, #00723B, #004130, #00221F)
- Plum Lantern color palette (#CDE6D9, #27AE7D, #A4009E, #005B3E, #2A0029)
Browse the whole catalog at Explore, or see today's palette.