Petrol Canyon color palette — #EBF8F7 · #D8DDE9 · #6CB0D4 · #007D8D · #00324E
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Silver (#D8DDE9): a clean, paper-quiet neutral.
- Cyan (#6CB0D4): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007D8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00324E): 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
- Dusty Petrol color palette (#DFF3EF, #7DC5C7, #007580, #003E38, #000304)
- Antique Powder Veranda color palette (#EEF7F7, #DBDCE7, #9ABDEC, #528AA8, #2E405A)
- Gentle Veranda color palette (#DEFCFF, #4AD9F3, #009CBC, #00698B, #00324A)
- Washed Sky color palette (#ECF7FF, #1FB2F7, #A67FDB, #009474, #021D30)
- Wandering Cobalt color palette (#F4F6EE, #A8CFBB, #0083B2, #005E6B, #163E59)
- Timeworn Aqua Chapel color palette (#EBF7FF, #5BCEFD, #8FB462, #0082A9, #1C2E00)
- Antique Lantern color palette (#ECF7FF, #AFDAFF, #2994D5, #004A72, #001221)
- Muted Driftwood color palette (#E7FBEB, #D5C894, #9F874D, #71521C, #0B281B)
Browse the whole catalog at Explore, or see today's palette.