Petrol Canyon color palette — #F5EDE2 · #96BCA3 · #007296 · #00504C · #003150

Teal and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sage (#96BCA3): A luminous, dusty teal — the color of sea glass.
• Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003150): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Aged Summit color palette (#F9F4ED, #AFCDBE, #2180B7, #005F63, #233B5B)
• Wandering Petrol color palette (#F4E6DE, #7DBFCD, #0072AA, #004E36, #091138)
• Hazy Denim color palette (#E9E4DB, #7BAA99, #00589E, #003D46, #061555)
• Weathered Cypress color palette (#F8F5EF, #C9E7E4, #77A593, #277D7D, #28544A)
• Lagoon Garden color palette (#F8EFE1, #569D9F, #005360, #003126, #001721)
• Muted Turquoise color palette (#E8F1EA, #9BE0F0, #1FB3E7, #1B908A, #003150)
• Aged Ultramarine Studio color palette (#FFE9F6, #DAC2EF, #D281B9, #1C5DBC, #392C52)
• Worn Cobalt color palette (#F8F5EF, #C2E5DB, #698AC6, #006D87, #5C3C52)

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