Petrol Canyon color palette — #EBF3F8 · #D3D5E3 · #B0B7C7 · #2A6E80 · #172228

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D3D5E3): a clean, paper-quiet neutral.
• Ash (#B0B7C7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#2A6E80): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#172228): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Denim Dune color palette (#EAF3FF, #CCD3EA, #ABA5CF, #32599D, #111A27)
• Weathered Lantern color palette (#F0F7F2, #E3D7DB, #C3ACB8, #276E7D, #303F35)
• Timeworn Cerulean color palette (#EFF8F3, #CDE2E3, #A4B8C6, #5693AC, #26312C)
• Ancient Abyss Market color palette (#E0EDF6, #A7B5C6, #848CA8, #004B63, #020C14)
• Ancient Ash Lagoon color palette (#D6F3FF, #7F9FC7, #747592, #2C5342, #033328)
• Hushed Jade Coast color palette (#E2F8F0, #70B27D, #0F7562, #2D4B5A, #032120)
• Petrol Workshop color palette (#DCEDFF, #0067AF, #1B233F, #040D18, #000204)
• Navy Quarry color palette (#E8EDFB, #8C8B9F, #70657E, #261D5C, #000108)

Browse the whole catalog at Explore, or see today's palette.