Petrol Canyon color palette — #D9E8DC · #63B0B8 · #00728B · #004B41 · #001623
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#D9E8DC): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#63B0B8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00728B): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B41): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001623): 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
- Frosted Petrol color palette (#DEEBE0, #74AAC7, #0069B0, #004951, #000A42)
- Softworn Hollow color palette (#F5EDE1, #5AC9D5, #00738C, #003F36, #000306)
- Timeworn Balcony color palette (#EFE2ED, #549CA5, #005070, #00321C, #000A41)
- Pale Delta color palette (#F1E1DB, #50C3CF, #008EC2, #007143, #000D3D)
- Tempered Cerulean Ridge color palette (#E7F2E9, #9ECDDC, #0096AF, #006E5B, #003346)
- Aged Fern color palette (#D0F1F0, #53C2B1, #009FB2, #376300, #002318)
- Wandering Emerald color palette (#DFEEE6, #009F70, #006A46, #002F20, #000402)
- Mulberry Basin color palette (#CEF0ED, #26A14D, #8E0091, #005420, #1F0020)
Browse the whole catalog at Explore, or see today's palette.