Petrol Quarry color palette — #DBEADE · #5EACD4 · #0069B0 · #004951 · #000D3C
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DBEADE): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#5EACD4): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0069B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#000D3C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Petrol Grove color palette (#E6F3E8, #51B2BD, #00728B, #004B41, #001623)
- Hushed Petrol color palette (#ECF0E2, #7FC0E3, #006EA4, #003C49, #000308)
- Pale Navy Archive color palette (#F5E6ED, #6097B3, #00498B, #003030, #0C0047)
- Muted Cobalt color palette (#EDDED3, #7DB9DA, #3F83DA, #006C6F, #0E0046)
- Muted Cobalt color palette (#E6F2E8, #7DD1F6, #258ED1, #006B72, #172E4F)
- Airy Market color palette (#DAF2EF, #00C4D7, #1E99DA, #006B41, #002021)
- Powdered Azure color palette (#EEF8F0, #99E9FF, #36A8DA, #008380, #144368)
- Muted Terrace color palette (#BDE8E6, #009B91, #00645F, #002F2F, #000403)
Browse the whole catalog at Explore, or see today's palette.