Petrol Canyon color palette — #E0F0ED · #79BDD2 · #0080A6 · #005860 · #002234
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E0F0ED): a clean, paper-quiet neutral.
- Cyan (#79BDD2): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002234): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Soft Petrol Veranda color palette (#D8E8E7, #66A9DC, #0067B7, #00465E, #001134)
- Cobalt Thicket color palette (#E6F1F0, #92CCF2, #178CDB, #006883, #0B2E55)
- Cobalt Terrace color palette (#FDF1F8, #96D7EA, #087FCB, #005340, #060331)
- Antique Field color palette (#E3F0EE, #5E9DAD, #00627B, #003B3E, #000B13)
- Lagoon Hollow color palette (#EAF9F5, #77DFDB, #009FA7, #007464, #003A42)
- Timeworn Azure Chapel color palette (#E6FAF8, #A7E6FF, #00A8E5, #008091, #134463)
- Feathered Boulevard color palette (#F3EAFF, #D441AA, #007BBD, #900070, #001D31)
- Muted Harbor color palette (#ECD8F4, #F9A4AB, #FF715A, #A04E7B, #321B36)
Browse the whole catalog at Explore, or see today's palette.