Petrol Canyon color palette — #E6F4FF · #73ABD0 · #C07A4C · #006C9C · #401C00
A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#73ABD0): A luminous, dusty blue — the color of deep harbor water.
- Caramel (#C07A4C): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#006C9C): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#401C00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Ultramarine Coast color palette (#EBF2FF, #8FA1D9, #A9883E, #4158C4, #342500)
- Hazy Coral color palette (#E0F7FC, #50B7B1, #C67176, #00746F, #461319)
- Wandering Bloom color palette (#FDF0FE, #75A3D9, #DD6A3D, #085FAE, #48413D)
- Dusty Apricot color palette (#E9FAF3, #67C2FA, #E48C4F, #2289C0, #5E371D)
- Pale Olive Hollow color palette (#E7F3FF, #5094CA, #B46276, #5A7700, #062035)
- Sunlit Garden color palette (#EBF7FF, #9EDFFA, #EBAD5C, #0098C1, #4D320B)
- Powdered Basin color palette (#DAE2EF, #317FFF, #9A6500, #0043A6, #211200)
- Dusty Cocoa color palette (#E8F6ED, #91B5A5, #82753F, #634613, #012A22)
Browse the whole catalog at Explore, or see today's palette.