Petrol Quarry color palette — #F7EAF2 · #83BBCD · #1C6EA1 · #005049 · #142A5C
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF2): bright and airy, almost weightless.
- Ash (#83BBCD): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#1C6EA1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#142A5C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Patina Cobalt Chapel color palette (#FBF2F6, #A3CBE6, #507BAC, #00605F, #2F3661)
- Muted Petrol color palette (#E8EADF, #95BEA7, #00759A, #004A52, #001827)
- Soft Bloom color palette (#F6E4EA, #75A4C9, #2D51A4, #003D43, #1D1644)
- Tempered Cypress color palette (#DEF2FF, #B6CDF8, #A589BD, #006C65, #1B3651)
- Lagoon Coast color palette (#C4EEE7, #009A9A, #00687C, #00476B, #073061)
- Gentle Azure color palette (#CAEBFF, #2997D6, #005889, #002E47, #001927)
- Muted Ash Alley color palette (#FBF3F6, #D7DFF1, #799DC0, #437883, #44536D)
- Periwinkle Loft color palette (#F7ECE5, #A4DDF1, #32ADFD, #009286, #1B2C52)
Browse the whole catalog at Explore, or see today's palette.