Petrol Canyon color palette — #F4EEE4 · #82BDC3 · #00748C · #005145 · #003248

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Ash (#82BDC3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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 Garden color palette (#F3EEE5, #8DBDAF, #3F66AC, #004D5F, #242856)
• Hushed Petrol color palette (#F0E7E3, #7FC0C5, #00759D, #004F2A, #021434)
• Soft Cobalt color palette (#FAF4EB, #A3D6F2, #3084C8, #00656F, #233E71)
• Washed Coast color palette (#F8F5EF, #CAE6E1, #6CA2B7, #008076, #335248)
• Powdered Turquoise color palette (#E4F3E7, #84E5EF, #2BB6D7, #00937F, #023247)
• Hazy Fern Villa color palette (#EBF5D4, #B0C9A5, #31B0C6, #436500, #004032)
• Patina Abyss color palette (#EDE4D6, #468BA0, #00425F, #002223, #000919)
• Jade Lagoon color palette (#BAEFD4, #3EA672, #00603C, #003423, #001C0E)

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