Petrol Quarry color palette — #CCF5F4 · #009ECC · #006AA9 · #363B7E · #28183C

Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CCF5F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009ECC): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006AA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#363B7E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#28183C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Patina Workshop color palette (#CAEBDB, #00AFA7, #007088, #004768, #151E3F)
• Cobalt Veranda color palette (#CEE1ED, #389CDC, #1875BB, #00468D, #233960)
• Azure Meadow color palette (#E6F9FF, #6EC9FF, #3892E3, #345498, #2B3053)
• Softworn Lagoon color palette (#E1F1FA, #408EFB, #5E58BD, #503075, #361434)
• Soft Aubergine Orchard color palette (#DFF0F4, #0072A1, #003E8E, #240063, #190022)
• Pale Hollow color palette (#DCEAFF, #6E9CFF, #AC6600, #224392, #2C1600)
• Sapphire Alley color palette (#ECF2FF, #94A5FF, #4C61BD, #143169, #050534)
• Obsidian Aubergine Pier color palette (#C3E5F6, #005FB4, #3D009A, #23003E, #11000E)

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