Petrol Canyon color palette — #DCEDEB · #67ADC4 · #007094 · #004951 · #001624
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEDEB): bright and airy, almost weightless.
- Cyan (#67ADC4): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#007094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Washed Teal Archive color palette (#DEEFEB, #46A3A2, #00656B, #003C34, #000C0F)
- Tempered Loft color palette (#D6E7E7, #72A6DC, #3164B2, #004564, #030446)
- Worn Lantern color palette (#EDF0E1, #71C4DF, #007196, #003D44, #000306)
- Cobalt Terrace color palette (#EBDCD3, #71BCD4, #008BD1, #006E64, #010D3B)
- Dusty Chapel color palette (#F6E7F1, #569AB0, #004E7B, #00302C, #010349)
- Timeworn Turquoise color palette (#D8EEF2, #4DC3BD, #00ABBF, #00704D, #00221E)
- Azure Loft color palette (#E1FCFA, #8AD6FE, #0095DD, #006F86, #00345E)
- Powdered Delta color palette (#EAF9F6, #98EBF5, #00AEC9, #00837F, #004759)
Browse the whole catalog at Explore, or see today's palette.