Petrol Canyon color palette — #F5E4EF · #65AEC2 · #006AAC · #004C3A · #0C0047
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F5E4EF): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#65AEC2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006AAC): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0C0047): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Cobalt Orchard color palette (#EFDDE5, #83B9DB, #5271BB, #005955, #231343)
- Wandering Forest color palette (#E7D9E9, #65B1AD, #00728A, #054E0C, #001529)
- Petrol Orchard color palette (#F7ECE5, #80C2D6, #006BAF, #003F30, #010014)
- Tempered Denim color palette (#F1EAE0, #579AAE, #005070, #00302F, #00152A)
- Muted Cobalt color palette (#E6F0E7, #75BCD1, #008EC3, #006D6C, #00152A)
- Worn Azure color palette (#DEF1FF, #0096DB, #00597A, #002D42, #000409)
- Lilac Parlor color palette (#CDE5F1, #95AEED, #AB78B3, #006F5E, #001629)
- Hushed Cobalt color palette (#F6EAF3, #90D0DF, #328ECB, #006F51, #1F2A56)
Browse the whole catalog at Explore, or see today's palette.