Petrol Quarry color palette — #CEF1F7 · #008290 · #003A41 · #001215 · #000303

Teal and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CEF1F7): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#008290): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003A41): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001215): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000303): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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

• Hushed Terrace color palette (#DCF6F8, #00B0BA, #00818C, #004F59, #000303)
• Charred Denim Courtyard color palette (#CFE5F5, #006590, #00314B, #241B22, #000913)
• Muted Cerulean Canyon color palette (#C6F5F7, #009AA9, #00606B, #002E32, #000203)
• Shadow Pine color palette (#CBE7D5, #008D53, #004326, #00190B, #000502)
• Nocturne Cobalt Thicket color palette (#DBECFF, #0076D0, #003868, #001128, #000206)
• Worn Byzantium color palette (#DAF6E7, #A801E1, #0079B6, #0A0D1A, #000205)
• Pale Aubergine color palette (#E3EDF9, #2C64C1, #3E0081, #00215B, #02000B)
• Aubergine Atelier color palette (#DBEFFF, #00496C, #590062, #002411, #00050C)

Browse the whole catalog at Explore, or see today's palette.