Petrol Canyon color palette — #FAF2F9 · #EBAAA5 · #68A585 · #25719B · #242231
A conversation between Slate and Jade, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Rose Quartz (#EBAAA5): A luminous, dusty orange — the color of sun-warmed clay.
- Jade (#68A585): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#25719B): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#242231): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Softworn Petrol color palette (#FBF2F7, #F3BFA1, #7AA77F, #2B70A3, #502943)
- Tempered Cabin color palette (#F1F7F0, #D7B086, #3A9CAE, #6665AB, #322432)
- Worn Moss color palette (#F7F3FD, #D69EC7, #969A4E, #007B75, #202B3D)
- Jade Bloom color palette (#FAF2FD, #F3A9B9, #7DB56C, #8E84B4, #3B303E)
- Ancient Taupe color palette (#EAFAED, #FACEE8, #BA9E65, #327E8E, #4F3741)
- Washed Boulevard color palette (#FFF1F6, #D6A371, #455B4B, #38242C, #140D11)
- Feathered Nightshade Drift color palette (#FFF1F5, #D38B37, #008691, #4E34A8, #16041C)
- Rose Harbor color palette (#FDEEEB, #C3667A, #187A98, #175164, #0E201B)
Browse the whole catalog at Explore, or see today's palette.