Petrol Canyon color palette — #E1ECE9 · #8CBCCB · #007985 · #004C45 · #001A20
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E1ECE9): a clean, paper-quiet neutral.
- Ash (#8CBCCB): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.
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 Studio color palette (#E1EBEB, #8EB9D8, #186FB2, #00485E, #001534)
- Patina Boulevard color palette (#E9F5F3, #A3CFE1, #008AA4, #005B5B, #002531)
- Weathered Denim Market color palette (#DDF0ED, #68A7BA, #00617E, #00393E, #000C16)
- Cerulean Workshop color palette (#DFEFED, #388495, #004255, #001F21, #000103)
- Washed Loft color palette (#EFECFF, #A361B0, #007794, #700082, #00151D)
- Washed Brick color palette (#E4E0FC, #9640A5, #B2060F, #004997, #17001C)
- Garnet Boulevard color palette (#F7E0EE, #A97A61, #883A1B, #5E0C03, #1A0900)
- Feathered Ridge color palette (#ECE8F6, #9668BB, #7D0D9B, #54005D, #260025)
Browse the whole catalog at Explore, or see today's palette.