Petrol Canyon color palette — #EEF6FF · #D6DAE5 · #86B2DA · #416C95 · #052943
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Silver (#D6DAE5): bright and airy, almost weightless.
- Sky (#86B2DA): A luminous, dusty blue — the color of open sky before noon.
- Slate (#416C95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#052943): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Hushed Aqua Atelier color palette (#E4FAFF, #C7E2F2, #77C6C7, #2B7C7F, #003635)
- Worn Cerulean color palette (#DEFDF3, #B0E5EC, #87BDEB, #4791C5, #143955)
- Worn Cerulean Basin color palette (#E8F3FF, #9ECDF4, #4B91C3, #184E76, #031F35)
- Tempered Aubergine Chapel color palette (#F9F2FF, #EDD2E2, #B796D8, #684684, #270E35)
- Timeworn Ash Meadow color palette (#ECF7FF, #D9D9E4, #B8AEA8, #979DBD, #414D5B)
- Stone Market color palette (#EAFAED, #B9E8E7, #93B99C, #906F7D, #2D453F)
- Powdered Navy Market color palette (#F3F4FF, #ACBEFF, #6A65CE, #1F1E84, #020014)
- Frosted Courtyard color palette (#F0F5FF, #D0E0FF, #7592FF, #1C44A8, #000A49)
Browse the whole catalog at Explore, or see today's palette.