Petrol Quarry color palette — #E9F6EC · #4BB1BD · #2566A9 · #00616A · #0E0210

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

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Cyan (#4BB1BD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#2566A9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00616A): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#0E0210): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, muted, 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

• Cobalt Summit color palette (#E9F5EF, #77BFDB, #5175B0, #006F8E, #170817)
• Washed Lapis Field color palette (#F8EEF9, #69A4E4, #5F55AF, #00569C, #10010A)
• Nightshade Meadow color palette (#E9F8FB, #5CAA9B, #594BAD, #005D51, #11162D)
• Teal Balcony color palette (#EDF5E8, #48B697, #00727B, #00644F, #000902)
• Cerulean Thicket color palette (#E3EECF, #1E95C8, #2E5C95, #512452, #001E16)
• Petrol Dune color palette (#EBF5EF, #CCD9D9, #AABCB5, #137084, #1A231D)
• Hushed Onyx Archive color palette (#D1E5EE, #47A7DC, #1167A4, #00397E, #040059)
• Hushed Pier color palette (#DEEEE3, #00879D, #00457A, #003D49, #000104)

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