Petrol Quarry color palette — #F6ECE6 · #69BEE0 · #3369AB · #005145 · #292753

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

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Cyan (#69BEE0): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3369AB): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#292753): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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 Parlor color palette (#FCF4EC, #9ACCEC, #5C76B2, #00605B, #3C3359)
• Softworn Petrol color palette (#DEEDEB, #94B9D1, #0073A5, #004957, #00172B)
• Pale Teal Station color palette (#F1E1DE, #2DB4AE, #006176, #054207, #00213C)
• Quiet Forest Loft color palette (#FFF2EE, #73E3E5, #008CB3, #006C2E, #214167)
• Washed Periwinkle Quarry color palette (#F7EAF1, #B2D9F3, #5DA9F6, #00918E, #1D2660)
• Teal Parlor color palette (#9AF4EE, #00AFAB, #00665C, #00332D, #001E1D)
• Weathered Ash Veranda color palette (#FBF4EE, #C3EFF1, #849AC2, #3F7B74, #604C56)
• Tempered Navy color palette (#EEE4DA, #3987BE, #243084, #002222, #0F0022)

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