Petrol Canyon color palette — #DFE8F0 · #A19EAD · #8F8298 · #0069A1 · #000A16
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFE8F0): bright and airy, almost weightless.
- Blue Fog (#A19EAD): A luminous, dusty violet — the color of twilight just after sunset.
- Heather (#8F8298): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#0069A1): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Ridge color palette (#ECEFFB, #AA9BAC, #977F8E, #654FAF, #050719)
- Worn Navy color palette (#E5EEEC, #ACA0AB, #967D90, #00477C, #000C09)
- Patina Onyx color palette (#DFE7E5, #968992, #7F616D, #002D48, #000201)
- Antique Indigo color palette (#EBEEF8, #C5BCC7, #B69EAE, #7B73C7, #1A1E2D)
- Worn Cobalt Basin color palette (#D8EFFF, #727EBF, #82587C, #354F28, #041200)
- Feathered Nightshade Terrace color palette (#E8F0D0, #0085B4, #5D41AC, #374000, #00030D)
- Sunlit Terrace color palette (#D2E6F3, #007EA1, #9B095A, #2D3D00, #000201)
- Olive Loft color palette (#F6DEE5, #9A892B, #526D00, #37437B, #080600)
Browse the whole catalog at Explore, or see today's palette.