Petrol Canyon color palette — #E6F2EE · #B19EA1 · #AA817E · #0068A3 · #000D08
A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2EE): bright and airy, almost weightless.
- Taupe (#B19EA1): A luminous, dusty red — the color of embers at dusk.
- Caramel (#AA817E): A luminous, dusty orange — the color of toasted spice.
- Peacock (#0068A3): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000D08): 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
- Petrol Lagoon color palette (#E4EBE6, #90A6A8, #9789B2, #00707F, #010D04)
- Tempered Denim color palette (#E3DCDF, #AF9C97, #AA836B, #6454A3, #12050B)
- Timeworn Lantern color palette (#DFE4EA, #9CA5B3, #7786A5, #004581, #010917)
- Worn Corridor color palette (#D8E0E8, #868E9C, #636A82, #002B4D, #000104)
- Ancient Indigo Workshop color palette (#E5DCE1, #D0BAB6, #C7A08B, #7C73C4, #2B1923)
- Aged Olive color palette (#FDEDDA, #978A2A, #4C6E00, #3C4373, #070600)
- Mulberry Courtyard color palette (#D7EEFF, #7B81C6, #894C85, #2B5019, #011802)
- Grape Garden color palette (#E5E0C5, #0084B8, #6433BB, #374000, #00030F)
Browse the whole catalog at Explore, or see today's palette.