Petrol Canyon color palette — #F4E4E9 · #95B7D8 · #4D67AD · #004A53 · #160D35

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

The five colors

• Rose Water (#F4E4E9): bright and airy, almost weightless.
• Sky (#95B7D8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4D67AD): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#160D35): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Washed Petrol Bloom color palette (#EFE6ED, #7BC1C6, #007695, #004D37, #00172B)
• Chalky Petrol Courtyard color palette (#E6F1F1, #96B5D2, #2369B4, #004B67, #102A5E)
• Ancient Cerulean color palette (#FDECF7, #A1DBE7, #008EC2, #006453, #00244E)
• Denim Harbor color palette (#F9E8F0, #4495B7, #004B85, #002C2B, #02001D)
• Ancient Cypress color palette (#F7EFF4, #CFD4E9, #75A4B9, #4F755B, #1E394C)
• Worn Teal color palette (#9EF3FF, #00A7AF, #00636C, #002C2F, #000809)
• Periwinkle Field color palette (#D1F7FF, #93C9E3, #889BDF, #317243, #001A24)
• Soft Workshop color palette (#CEEBF0, #009388, #AD414E, #00524C, #2A0007)

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