Petrol Quarry color palette — #F5E7F1 · #63B0B6 · #00718F · #004C36 · #001528
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5E7F1): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#63B0B6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C36): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001528): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Wandering Bloom color palette (#F7E9EF, #77AAC3, #0067B9, #004A49, #0A0246)
- Weathered Aqua color palette (#FBEAE2, #60C9D2, #007290, #00402D, #000308)
- Antique Cerulean color palette (#DDF1ED, #6FBFC6, #0093A7, #006D68, #00171E)
- Worn Pier color palette (#E4E6D6, #609BA0, #00535F, #00302D, #00171E)
- Cerulean Ridge color palette (#F7EAF3, #95D1D3, #1395B4, #006F4C, #00314E)
- Wandering Emerald Coast color palette (#D3F4E3, #00A05D, #006846, #002E1D, #000201)
- Azure Balcony color palette (#DEF1E2, #23CEC0, #00A5DD, #666200, #001E14)
- Dusty Corridor color palette (#FBF2F6, #D4DEF8, #7CA8DA, #2B8A89, #384766)
Browse the whole catalog at Explore, or see today's palette.