Petrol Canyon color palette — #ECF3F6 · #D1D6DF · #A8BAC7 · #007183 · #152329
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF3F6): bright and airy, almost weightless.
- Silver (#D1D6DF): bright and airy, almost weightless.
- Ash (#A8BAC7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007183): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#152329): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Cypress Alley color palette (#EFF8F1, #CADEDF, #BEADBC, #00717C, #333E35)
- Aged Ultramarine color palette (#EBF3FD, #CAD4E6, #A3A7D8, #1C57AF, #0D1A2C)
- Cerulean Ridge color palette (#EFF7FA, #D8DBE6, #C1ADAC, #1D9BA7, #243135)
- Lowlit Orchard color palette (#CCE2F5, #006B9F, #082545, #000E1B, #000205)
- Weathered Pewter Harbor color palette (#DCEAFB, #8F9BC3, #6E6891, #623948, #331F35)
- Tempered Abyss Grove color palette (#D9E0E5, #A4B6C4, #7591AC, #004B61, #010C15)
- Pine Corridor color palette (#E7F5F3, #7BAE84, #0E774D, #085245, #012220)
- Softworn Denim color palette (#CDF1F1, #2396C4, #005BAA, #512454, #001A2D)
Browse the whole catalog at Explore, or see today's palette.