Petrol Canyon color palette — #E0EBE5 · #B2CAC3 · #B39DAF · #006B88 · #15231C
Built around Peacock, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Parchment (#E0EBE5): a clean, paper-quiet neutral.
- Stone (#B2CAC3): A luminous, dusty teal — the color of shallow lagoons.
- Mauve (#B39DAF): A luminous, dusty pink — the color of a candy shop window.
- Peacock (#006B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#15231C): 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
- Weathered Denim Pier color palette (#F0E8EE, #D2BDC7, #BC9AA3, #4C5AA0, #261B23)
- Cerulean Courtyard color palette (#DCE3E7, #BDBFD0, #AAA2BE, #008EAF, #09222F)
- Ancient Abyss Ridge color palette (#D9E4DE, #C1B4C3, #9C8794, #004C60, #0C2519)
- Tempered Petrol color palette (#EFF6FC, #D5D9E7, #A7BDD6, #00698A, #010E18)
- Pewter Pier color palette (#D0E6F6, #7A8FC2, #7C6396, #674527, #2C2400)
- Hushed Navy color palette (#EBDCE5, #B29EA6, #A17A83, #3B3B7E, #11050D)
- Dusty Jade color palette (#DFE0CF, #40A972, #00715D, #004F57, #171E01)
- Washed Driftwood color palette (#FEF2F5, #E8D5CE, #D0BAAC, #8F749E, #42373A)
Browse the whole catalog at Explore, or see today's palette.