Petrol Canyon color palette — #EAF5F0 · #F4D6E0 · #CEB7C7 · #29739A · #152A23
A conversation between Slate and Shell Pink, giving this palette its sense of trust and stability.
The five colors
- Cream (#EAF5F0): bright and airy, almost weightless.
- Shell Pink (#F4D6E0): A whisper-light, dusty rose — the color of pressed rose petals.
- Stone (#CEB7C7): A luminous, dusty pink — the color of a candy shop window.
- Slate (#29739A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#152A23): A deep, shadowed, dusty teal — the color of sea glass.
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
- Wandering Petrol color palette (#EDF4EE, #C0E1DF, #ABC6BE, #007A83, #1C291E)
- Wandering Basin color palette (#F8EFF4, #E6D1CF, #D6B5BB, #645FAE, #2E2029)
- Worn Petrol Canyon color palette (#EDF7FD, #D9D8EA, #B4BBD6, #00749D, #2E4251)
- Worn Hollow color palette (#DEEDE8, #D4C7D1, #B59BA9, #295981, #081A15)
- Tempered Azure Delta color palette (#EBF9F2, #E9D4D0, #AAA395, #309FC7, #263A31)
- Patina Lilac Station color palette (#CBE2FF, #979CEA, #866F94, #654928, #333003)
- Weathered Orchard color palette (#F0F5DD, #46C099, #007C73, #015567, #00281C)
- Ancient Navy Delta color palette (#E3DBE1, #C4ABB8, #A2848D, #2C3E7E, #130611)
Browse the whole catalog at Explore, or see today's palette.