Petrol Canyon color palette — #EDF4EF · #D8DBEE · #839DCA · #32758A · #2B354E
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF4EF): a clean, paper-quiet neutral.
- Silver (#D8DBEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#839DCA): A luminous, dusty violet — the color of a velvet chair.
- Teal (#32758A): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#2B354E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Patina Denim color palette (#DAE6DC, #79A1C1, #23579C, #003843, #040031)
- Weathered Hollow color palette (#F9F4EF, #CAE7EB, #8A96CA, #287C80, #634B54)
- Wandering Delta color palette (#E3ECE5, #92BACF, #0074A2, #004B4B, #00162E)
- Timeworn Grove color palette (#EDF4EE, #C5E2EA, #409CA9, #006F53, #003240)
- Lagoon Ridge color palette (#DDE6DE, #3D8588, #00434F, #002018, #000103)
- Olive Thicket color palette (#E6F6F2, #A3BD8D, #AD8DC6, #5A7E34, #3B2749)
- Lagoon Market color palette (#FAF3F5, #D9D4DE, #CCBAE4, #55A0A2, #484A68)
- Tempered Bronze Lantern color palette (#DDF9F3, #88A67E, #6F8FBE, #A86163, #0A2E29)
Browse the whole catalog at Explore, or see today's palette.