Petrol Canyon color palette — #E9F6EB · #7DCACE · #007F95 · #005344 · #001D2A
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E9F6EB): bright and airy, almost weightless.
- Aqua (#7DCACE): A luminous, dusty teal — the color of sea glass.
- Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005344): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001D2A): 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
- Linen Corridor color palette (#EAF5EC, #83C5E8, #0076C1, #005059, #00114D)
- Worn Coast color palette (#FFF2ED, #52CCD1, #00799C, #005A28, #003168)
- Muted Market color palette (#FEF4E4, #74DEE4, #009DB7, #007460, #00384D)
- Dusty Abyss Balcony color palette (#DBE9DD, #3E8299, #00405E, #001F20, #000105)
- Denim Alley color palette (#E1EDE3, #7AA3B4, #006279, #003A33, #000C16)
- Hushed Fuchsia Basin color palette (#ECF2FF, #D8CFFF, #DC86DE, #006399, #1C1643)
- Sunlit Azure Garden color palette (#FDF1FD, #C0FBFF, #00A8DF, #007742, #002056)
- Sunlit Sapphire Drift color palette (#E0E8FF, #4658F7, #BB1600, #00632D, #05003B)
Browse the whole catalog at Explore, or see today's palette.