Petrol Canyon color palette — #ECF3F7 · #D4D5DE · #AFB7CA · #00708B · #15222A
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Silver (#D4D5DE): a clean, paper-quiet neutral.
- Ash (#AFB7CA): A luminous, dusty violet — the color of wild irises.
- Teal (#00708B): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#15222A): 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
- Washed Villa color palette (#F0F6FB, #D5D9E8, #A1B6CD, #2C6C89, #333C43)
- Ancient Abyss color palette (#DDEFF6, #89A2BA, #687092, #325944, #003330)
- Antique Orchard color palette (#F0F7F4, #D2DCDD, #B7B2A8, #0097C4, #21332B)
- Washed Market color palette (#E1E8EE, #ABB4C2, #878CA3, #004A68, #000C17)
- Softworn Cypress color palette (#E5F6F0, #83AC8B, #187463, #004E63, #01230C)
- Nocturne Petrol Archive color palette (#D9E7F6, #1465B3, #1C2240, #000D1F, #000205)
- Ultramarine Balcony color palette (#EEF2F9, #CED2E8, #ADA6C5, #2542D8, #0F1A2C)
- Aged Aubergine color palette (#E8E8F2, #CEC9D6, #AE9DB1, #6B3D88, #151423)
Browse the whole catalog at Explore, or see today's palette.