Petrol Canyon color palette — #F3EEE5 · #95BCA3 · #007297 · #00504D · #003051

Teal takes the lead with Deep Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sage (#95BCA3): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003051): 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

• Softworn Cobalt color palette (#F8F4EE, #A9CFBC, #277FB6, #005F64, #243B5A)
• Timeworn Petrol Hollow color palette (#F3EEE6, #92B5D6, #3C65B3, #004D60, #23265C)
• Weathered Petrol Basin color palette (#F2E6E0, #74C1D2, #0071AC, #004D37, #0A1137)
• Lagoon Drift color palette (#EDE3D3, #4A9EA2, #005361, #003127, #001721)
• Softworn Chapel color palette (#E7F2E9, #93E1F4, #24B3E8, #00918C, #023050)
• Antique Lantern color palette (#FAF4EC, #C1E5DB, #728AB8, #006D88, #5A3D51)
• Faded Lapis color palette (#E7DDC6, #907F18, #4E58D3, #544900, #1B1F5D)
• Aged Mulberry Grove color palette (#F2E9D0, #746E00, #006886, #890061, #232000)

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