Petrol Quarry color palette — #F7EAF1 · #81BBD3 · #006CB2 · #00504C · #1F2B53
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Sky (#81BBD3): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#006CB2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1F2B53): 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
- Dusty Thicket color palette (#E8EBDE, #86BCD3, #0074A0, #004A55, #001829)
- Antique Loft color palette (#EAF1E9, #7CA3C7, #3A519C, #003D45, #211444)
- Timeworn Orchard color palette (#E1F3F1, #A7CADF, #0092C6, #006A78, #00314E)
- Forest Chapel color palette (#FFF0FA, #99DCDA, #008EA6, #006A3F, #004565)
- Timeworn Lantern color palette (#ECDEE9, #489DAB, #00516E, #003126, #00142D)
- Worn Ash Basin color palette (#FBF2F6, #D8DFF0, #7C9CC1, #3F7A79, #46526D)
- Muted Villa color palette (#F7ECE5, #9ADFFA, #42ABFF, #00918A, #1C2A57)
- Soft Ember color palette (#F5D2E7, #D56B41, #005EA3, #7D2A00, #002A4D)
Browse the whole catalog at Explore, or see today's palette.