Petrol Canyon color palette — #E9F9F6 · #60AC97 · #00707C · #58415F · #1B3B3F

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

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Jade (#60AC97): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00707C): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#58415F): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Teal (#1B3B3F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Cypress Meadow color palette (#EAFAED, #91A36D, #28734D, #494763, #1B3D34)
• Dusty Stone Corridor color palette (#ECF9F3, #97CDC9, #5B8A93, #546C62, #3F5150)
• Wandering Jade color palette (#D4F6F6, #2AB87C, #964989, #006742, #492843)
• Washed Cypress Courtyard color palette (#F0F4E4, #79AE93, #13755E, #544500, #162002)
• Tempered Cobalt Corridor color palette (#FDF1F9, #9CCDE3, #2780B4, #176146, #293A59)
• Worn Periwinkle Hollow color palette (#DAFEFA, #B3E5FF, #81ABDF, #6F6A2B, #1C4244)
• Softworn Harbor color palette (#FFF1F7, #BDA03D, #587428, #0F5D58, #473908)
• Ancient Teal color palette (#F5F7EA, #A0D7C6, #5DAFB3, #AC745D, #2A3C1A)

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