Petrol Quarry color palette — #E7F1EC · #CADDD5 · #A6BDB7 · #227C9B · #20332A
Built around Cerulean, softened by Deep Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F1EC): bright and airy, almost weightless.
- Silver (#CADDD5): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#A6BDB7): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#227C9B): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#20332A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Tempered Station color palette (#F3ECF3, #DFD3DC, #C8AFBF, #4872B0, #352935)
- Weathered Atelier color palette (#EAF0EC, #BFD1CC, #AD9AA7, #005F73, #24312A)
- Cerulean Pier color palette (#E8F0F4, #D0D2E1, #BBB5CF, #00A3C2, #1F313A)
- Dusty Studio color palette (#E3E7D4, #6AB790, #008568, #00635D, #232E08)
- Dusty Alley color palette (#F9F3F9, #E5D7D9, #D1BBBD, #7990B5, #4C454C)
- Feathered Mulberry Dune color palette (#CCE9E0, #008DDA, #6B4DAD, #780154, #002527)
- Weathered Terracotta Courtyard color palette (#E9F0FF, #A7A8D9, #8B7AA4, #834654, #52241F)
- Antique Cornflower color palette (#D1FCED, #59D3FF, #4CB1FF, #5880E3, #00284B)
Browse the whole catalog at Explore, or see today's palette.