Petrol Quarry color palette — #F3E4EF · #70C2D0 · #0073A7 · #004E34 · #081234
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F3E4EF): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#70C2D0): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#081234): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Wandering Cobalt Quarry color palette (#F9EEF4, #97D2E6, #507FB0, #005D4C, #141F3B)
- Dusty Petrol Terrace color palette (#E0F3F0, #8AB9CE, #00748C, #004F51, #003344)
- Softworn Chapel color palette (#FAE9F0, #54A7CE, #2555A2, #003A34, #0C0228)
- Antique Bloom color palette (#EFE2EF, #099D9F, #005168, #002E0D, #00040F)
- Misty Byzantium color palette (#EED7EC, #A62CA3, #006E5C, #00515A, #180018)
- Weathered Navy color palette (#F6E1EC, #2C83A4, #003979, #00201B, #01000A)
- Soft Amber Pier color palette (#F8D9FF, #FFB7C0, #CB933D, #5E5A94, #20112D)
- Ancient Peony Veranda color palette (#EBE5F5, #D059BA, #007E46, #670059, #001809)
Browse the whole catalog at Explore, or see today's palette.