Petrol Canyon color palette — #E8F1EA · #CDDCD3 · #A3BFB3 · #177F8F · #243228
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Silver (#CDDCD3): A whisper-light, dusty teal — the color of sea glass.
- Ash (#A3BFB3): A luminous, dusty teal — the color of sea glass.
- Teal (#177F8F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#243228): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Worn Petrol color palette (#DAE4DF, #B5CAC3, #B19DB3, #00698F, #0D241C)
- Tempered Station color palette (#F3ECF3, #DFD3DC, #C8AFBF, #4872B0, #352935)
- Muted Ridge color palette (#E8F0F3, #CDD3E5, #B7B6D0, #00A6B0, #223035)
- Patina Pine color palette (#E6E6D6, #7EB57E, #328454, #1A6350, #113112)
- Cerulean Studio color palette (#EFF7F4, #E0D4D2, #AFA094, #6495BB, #3F4B47)
- Faded Lapis color palette (#D0E8DD, #0092C6, #5D4EBD, #720861, #002524)
- Antique Archive color palette (#D9E4BA, #00A2C8, #0E6EAB, #5F3070, #002839)
- Driftwood Boulevard color palette (#D3E2EF, #96AEDE, #7C81B4, #7B4A65, #5B2B37)
Browse the whole catalog at Explore, or see today's palette.