Petrol Quarry color palette — #DDF4F0 · #81C3CC · #007487 · #003E3D · #000305
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DDF4F0): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#81C3CC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000305): a grounded near-black with real depth.
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
- Softworn Sapphire Drift color palette (#E4F1F1, #93BBE2, #2565B9, #003A53, #000016)
- Patina Cobalt color palette (#EBF8F7, #96D7EF, #0085B3, #00505A, #000E1A)
- Cerulean Dune color palette (#FBE5DB, #2A9AA6, #00516A, #002D21, #00040E)
- Timeworn Cerulean Basin color palette (#E8DBE5, #75BEC7, #0090BB, #006F56, #00142B)
- Wandering Grove color palette (#D8F0DD, #007C3F, #006377, #553F00, #000200)
- Teal Boulevard color palette (#D7FEFF, #89E2CD, #00BABA, #00622D, #000D08)
- Hushed Azure Canyon color palette (#E5FAF7, #C9DFF5, #00A9D7, #007179, #00283B)
- Frosted Boulevard color palette (#ABFBD7, #00B484, #00654B, #00180F, #000201)
Browse the whole catalog at Explore, or see today's palette.