Petrol Canyon color palette — #E6F1E9 · #B79EA7 · #A48383 · #006F82 · #010C05
Teal and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F1E9): a clean, paper-quiet neutral.
- Taupe (#B79EA7): A luminous, dusty rose — the color of strawberry cream.
- Heather (#A48383): A luminous, dusty red — the color of late-summer berries.
- Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#010C05): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Denim Thicket color palette (#ECDFEB, #B19A98, #A58070, #3D61A3, #0F060E)
- Cypress Boulevard color palette (#E6EBE0, #8CA8A2, #659296, #007555, #060B02)
- Onyx Quarry color palette (#E9EFF3, #858F99, #606B83, #002F3B, #000103)
- Ancient Abyss Parlor color palette (#DAE2E7, #98A7B4, #7687A1, #004D61, #000B13)
- Muted Cobalt Field color palette (#EDE4ED, #D3B9B8, #C39E8F, #5381C4, #271A27)
- Aged Cobalt Corridor color palette (#DBF0F3, #5C83CC, #7B5B87, #574D00, #120E00)
- Dusty Atelier color palette (#F3EDDA, #4C9D52, #007263, #234C68, #060700)
- Linen Market color palette (#F3E9DA, #008A96, #4F46B2, #4F3400, #000408)
Browse the whole catalog at Explore, or see today's palette.