Petrol Canyon color palette — #FAF4EB · #C1E0FF · #728AB8 · #256B82 · #593E50
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Powder Blue (#C1E0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#728AB8): A luminous, dusty violet — the color of wild irises.
- Peacock (#256B82): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#593E50): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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 Archive color palette (#F8F0E8, #C1E5DB, #798CBF, #0A6A78, #3E2131)
- Airy Cobalt color palette (#FCF4E8, #A0D5FF, #417ED7, #006378, #313B6D)
- Wandering Periwinkle color palette (#F1F7F1, #D8DDFA, #8DA3DB, #3E8693, #3E4665)
- Weathered Ash color palette (#F9F4ED, #C5EBE8, #77A593, #5C775D, #5D4B60)
- Hushed Station color palette (#FBF4EA, #95D1D8, #0086A2, #006154, #1C4336)
- Patina Turquoise color palette (#EEE7DB, #35AFCA, #005F81, #003E3C, #00213A)
- Worn Cerulean color palette (#EFE7DB, #2C8BB4, #003F6A, #002226, #000526)
- Moss Garden color palette (#F7F7DE, #7BB247, #9978BD, #4D722A, #4A395D)
Browse the whole catalog at Explore, or see today's palette.