Petrol Quarry color palette — #DFEEEC · #40AFD0 · #007FA8 · #005C66 · #000B14

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFEEEC): a clean, paper-quiet neutral.
• Cyan (#40AFD0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Cabin color palette (#D1E8E6, #43BFEF, #008DC7, #006A7C, #001527)
• Frosted Loft color palette (#D2E4E4, #69A5E3, #3171D2, #00577E, #01012D)
• Softworn Denim Ridge color palette (#F1EBE1, #5BAFC9, #005B82, #002B2C, #000104)
• Washed Navy color palette (#EDE0E8, #4C8193, #003C6E, #002019, #01000B)
• Hazy Raspberry color palette (#EEE4FA, #CF2EA2, #0076BA, #930171, #000610)
• Aged Periwinkle Canyon color palette (#E5F2F1, #ACD9FF, #65A8F4, #2889B1, #172D52)
• Timeworn Aqua Market color palette (#EDF8F5, #A6F0EE, #46C6D0, #369F8F, #00434C)
• Weathered Meadow color palette (#EDF8F7, #DADBE8, #ACC8F5, #86A6C0, #465369)

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