Petrol Canyon color palette — #E0F3EF · #7DC5C7 · #007580 · #003E38 · #000304
Teal and Mint Leaf set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E0F3EF): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#7DC5C7): A luminous, dusty teal — the color of sea glass.
- Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000304): quiet, heavy and certain.
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
- Worn Petrol color palette (#E2F2F1, #83BEE8, #006AB3, #003B4E, #00020B)
- Dusty Cerulean color palette (#E8FAF7, #8CD9ED, #0087A9, #005155, #000F18)
- Wandering Meadow color palette (#EEE6DA, #299C9F, #005360, #002D23, #000509)
- Cerulean Balcony color palette (#F8EAF4, #4CC4C7, #0092AF, #00714A, #001625)
- Wandering Turquoise Veranda color palette (#E5FBF7, #C3E2F9, #00ABCC, #007273, #002937)
- Ancient Meadow color palette (#E2E8F8, #652CF5, #9E0065, #004B5C, #010009)
- Hazy Cobalt color palette (#D9ECFA, #0085D9, #004B92, #001B5B, #00000D)
- Wisteria Balcony color palette (#F0F5FF, #C2BBFF, #BE83EE, #2E4A96, #05001D)
Browse the whole catalog at Explore, or see today's palette.