Petrol Quarry color palette — #F7E9F3 · #59C8DF · #006DA6 · #00402D · #010015

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

The five colors

• Blush (#F7E9F3): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#59C8DF): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006DA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Ultramarine Orchard color palette (#F9E9EF, #6AC0F8, #3758D5, #003E3C, #04000F)
• Cornflower Summit color palette (#FFF0F7, #86D8FF, #3377DD, #00524A, #0D0428)
• Wandering Denim Canyon color palette (#F1E2DB, #5F9AA7, #005072, #003128, #001232)
• Muted Parlor color palette (#E4E7D2, #6DBED0, #0091B4, #006C71, #001722)
• Blush Meadow color palette (#EDF1FF, #E9B7FF, #FB758F, #00637B, #05041E)
• Sunlit Lapis Garden color palette (#E4E8FD, #4F33FF, #585E00, #424700, #01000A)
• Hushed Azure Canyon color palette (#FFF0FC, #ADF3FF, #1C9CDB, #006D49, #101C3D)
• Softworn Periwinkle Summit color palette (#FEF1F8, #D3D5E5, #65ACEB, #1B8167, #252B4E)

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