Petrol Canyon color palette — #F9EFDF · #72AACA · #0068B4 · #004952 · #010843

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9EFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#72AACA): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#010843): A deep, shadowed, balanced 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 Canyon 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

• Worn Petrol Grove color palette (#EFE6D8, #51B2BF, #00718D, #004B42, #001624)
• Worn Petrol Loft color palette (#E5F2E8, #7BC0E8, #0069B6, #003D45, #000016)
• Soft Archive color palette (#EBDED4, #6A9B8A, #203EA0, #00302E, #19013B)
• Hushed Villa color palette (#F8E4ED, #6CBAE6, #3C78FF, #006E67, #170736)
• Antique Cobalt Summit color palette (#F5EDE1, #93CEEA, #3F8CC8, #006B74, #162D53)
• Hushed Alley color palette (#FDF4E6, #A5E7FB, #3FA7DA, #008282, #0C426E)
• Softworn Parlor color palette (#E9E7D8, #7F9222, #6F1CB9, #404B00, #17002F)
• Hushed Mulberry Ridge color palette (#DEE6D4, #537200, #005F9A, #8B003D, #050900)

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