Weathered Petrol Canyon color palette — #ECF0E4 · #8CBDAF · #346AA5 · #004C66 · #132C57
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF0E4): bright and airy, almost weightless.
- Mint Leaf (#8CBDAF): A luminous, dusty teal — the color of sea glass.
- Slate (#346AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#132C57): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered 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 Lantern color palette (#EFF0E3, #9EBA9F, #007680, #005148, #00343E)
- Quiet Hollow color palette (#F2E7DC, #8EB9DC, #3C62CB, #004A52, #160D35)
- Washed Studio color palette (#F5F7EA, #B3D9BF, #008DAC, #006669, #00465E)
- Gentle Lantern color palette (#F8EAEE, #9ECAEE, #557FE9, #006A75, #2C274E)
- Hushed Denim Orchard color palette (#E4E7DB, #6297B1, #004F74, #002E38, #001528)
- Washed Periwinkle Cabin color palette (#E4F2F1, #ADD8FF, #6AA7F1, #1E89B5, #1C2D4D)
- Worn Abyss color palette (#E0E1D1, #6A8A6F, #00454E, #002220, #000B10)
- Mulberry Harbor color palette (#FFEAE2, #E3B8A4, #D38D5F, #9D2C4C, #52201B)
Browse the whole catalog at Explore, or see today's palette.