Petrol Canyon color palette — #F5F1EB · #C8E2E5 · #819EC8 · #28768A · #442E3E

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C8E2E5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#819EC8): A luminous, dusty blue — the color of deep harbor water.
• Teal (#28768A): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#442E3E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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 Turquoise color palette (#F5F1EB, #C5E6DD, #5AAAB8, #447765, #273B31)
• Antique Ash color palette (#FCF2F5, #DADEEF, #8897C5, #447784, #4E5165)
• Washed Amber Grove color palette (#FFECF1, #B388C9, #B4833A, #3C8685, #322227)
• Ancient Pier color palette (#EEE8DF, #87BDCC, #00759D, #004B49, #00172B)
• Worn Denim color palette (#F5EEE2, #75A2C0, #0058A4, #003841, #02032D)
• Softworn Driftwood color palette (#FFECF1, #E4D4CD, #B0AF90, #8984AC, #443335)
• Aged Grove color palette (#FFEBF9, #B2ACE4, #9979CB, #6E5182, #4F3035)
• Ancient Grove color palette (#F9F1E3, #90DFE8, #0091B0, #006357, #00293C)

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