Petrol Quarry color palette — #FFF2EC · #69C8D9 · #0077A3 · #005748 · #003266
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#69C8D9): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003266): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Aged Field color palette (#F7ECE6, #9DBA9E, #00748B, #005333, #00314C)
- Linen Sapphire Harbor color palette (#FFF3E7, #86BFEA, #3163DB, #00555D, #30236C)
- Aged Coast color palette (#F5F7E9, #86DAE9, #009CBB, #007274, #00394B)
- Powdered Sky color palette (#FFF0FB, #97E9F8, #11B9F7, #009A7F, #003265)
- Cerulean Summit color palette (#FCF3ED, #C5E5D6, #618EBC, #00716E, #583E52)
- Ancient Navy Atelier color palette (#F3E9E1, #4889A9, #003B76, #002223, #05002C)
- Muted Rust color palette (#F4D7CA, #B54D00, #007180, #005A7C, #3F1600)
- Hushed Ember Veranda color palette (#FEDDCB, #E44500, #007E8E, #8A2600, #00353C)
Browse the whole catalog at Explore, or see today's palette.