Petrol Canyon color palette — #F7EDDE · #80BAD8 · #176DAA · #004F56 · #162C54

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EDDE): A whisper-light, dusty gold — the color of old brass.
• Sky (#80BAD8): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#176DAA): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#162C54): 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 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

• Hushed Garden color palette (#F2E7DE, #88BBD5, #366DA9, #004B4B, #0C0C3F)
• Cobalt Courtyard color palette (#FCF4E8, #9ED2C1, #4B79B9, #005D6F, #2F385C)
• Ancient Teal Villa color palette (#F2EADE, #58AFAD, #00636E, #00402E, #00242F)
• Linen Azure Field color palette (#E3F2F1, #B8D8EF, #35AFF4, #008DA7, #003053)
• Cerulean Delta color palette (#F9F4ED, #AAE9F0, #3F97AF, #2A6F63, #285142)
• Patina Navy color palette (#E8DECE, #4385C0, #133581, #00212B, #060128)
• Antique Raspberry color palette (#F7D5D1, #D73085, #007C67, #86004D, #003127)
• Antique Hollow color palette (#FFE4EA, #C30061, #536800, #00527E, #370F1D)

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