Petrol Canyon color palette — #E3ECE5 · #89BDCD · #00788B · #004D3D · #001924
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Ash (#89BDCD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001924): 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
- Washed Cerulean color palette (#EBF5ED, #9FD0E4, #3787A2, #005C54, #002338)
- Petrol Boulevard color palette (#E1EDE3, #8CB8E1, #466AA8, #00495A, #0E0D3C)
- Washed Denim color palette (#DDEDE0, #5CA8BF, #005F86, #003939, #000B1B)
- Weathered Periwinkle color palette (#CCECFB, #98CCED, #89A5E1, #006A63, #001E2E)
- Mulberry Archive color palette (#BDE9F0, #007987, #902C8D, #5F4900, #000D10)
- Brick Atelier color palette (#CAE8F3, #009199, #B63936, #005156, #2B0002)
- Cerulean Studio color palette (#E7F3EA, #288599, #004259, #001F1E, #000104)
- Linen Forest Villa color palette (#FAF2F9, #BFEFFD, #0BA0CB, #006F30, #001E41)
Browse the whole catalog at Explore, or see today's palette.