Petrol Canyon color palette — #F6F6E8 · #77C7CA · #007C89 · #00564F · #003A45
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#F6F6E8): bright and airy, almost weightless.
- Aqua (#77C7CA): A luminous, dusty teal — the color of sea glass.
- Teal (#007C89): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003A45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Aqua Villa color palette (#FFEEE6, #52D1D5, #007E9A, #005438, #001C2F)
- Denim Basin color palette (#F0F1E2, #67ABB2, #006271, #003E3B, #00242E)
- Petrol Quarry color palette (#EDF0E8, #8DB7D8, #296BAA, #004C65, #0E2C5A)
- Worn Turquoise Field color palette (#E0FCF7, #5DF2F9, #00C0D4, #00998E, #003A45)
- Sunlit Cobalt Pier color palette (#F4F7EB, #A9DBC6, #0088C8, #006378, #004272)
- Airy Cerulean color palette (#FFF0FB, #70DFE4, #009BBE, #007651, #003657)
- Abyss Summit color palette (#EDEFE4, #508A9D, #00435A, #002226, #000B14)
- Tempered Aubergine Veranda color palette (#FFD9E0, #B953C7, #007C9C, #7D008C, #003343)
Browse the whole catalog at Explore, or see today's palette.