Petrol Canyon color palette — #E7F1E9 · #7DC5C7 · #007486 · #003F32 · #000305
Teal and Mint Leaf set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F1E9): bright and airy, almost weightless.
- Mint Leaf (#7DC5C7): A luminous, dusty teal — the color of sea glass.
- Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
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
- Washed Garden color palette (#E7F1E9, #96BBDD, #3363BA, #003C4B, #010014)
- Ancient Cerulean Veranda color palette (#EFF8F0, #A8D3E8, #0086B1, #00524E, #000E1C)
- Timeworn Lagoon color palette (#FBEBE6, #049DA1, #005169, #002E11, #000410)
- Turquoise Chapel color palette (#C8FBF7, #8AE4C9, #31BBCB, #455800, #000503)
- Jade Canyon color palette (#E2F0E7, #00B675, #006236, #00190C, #000201)
- Forest Drift color palette (#E6DCE5, #6FC0C1, #0090B8, #007231, #00132E)
- Hushed Turquoise Archive color palette (#ECF9EE, #C6E6FE, #00AAD4, #007369, #00283E)
- Hazy Chapel color palette (#F0F2E1, #769600, #356000, #003110, #000201)
Browse the whole catalog at Explore, or see today's palette.