Petrol Quarry color palette — #F7ECE3 · #7AB9E3 · #4663B2 · #00504D · #302749
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F7ECE3): bright and airy, almost weightless.
- Sky (#7AB9E3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#4663B2): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#302749): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Gentle Sapphire Pier color palette (#FFF3E8, #6EC3EE, #0E62E8, #00564F, #342467)
- Antique Petrol Thicket color palette (#DBEDEC, #8BBADA, #356FA2, #00485D, #001533)
- Forest Canyon color palette (#F8EBE7, #56C5C8, #007393, #005423, #152E4D)
- Dusty Cobalt Studio color palette (#EDF0E7, #9ECBEB, #4C8BC5, #006785, #112E53)
- Hushed Cobalt Thicket color palette (#FEF2ED, #89DEE8, #008ABC, #006A3F, #253E6D)
- Antique Garden color palette (#F4E4DA, #3D9CB9, #004B85, #003127, #0E063E)
- Muted Periwinkle color palette (#F7EBEF, #B7D8F2, #73A4F6, #009098, #28245D)
- Antique Harbor color palette (#E5FBDC, #83D0ED, #9099DA, #4A6024, #253A25)
Browse the whole catalog at Explore, or see today's palette.