Petrol Canyon color palette — #F5F0F5 · #DED4D5 · #D3B5B7 · #5D75A1 · #312930
Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#F5F0F5): a clean, paper-quiet neutral.
- Silver (#DED4D5): a clean, paper-quiet neutral.
- Rosewood Mist (#D3B5B7): A luminous, dusty red — the color of late-summer berries.
- Slate (#5D75A1): A full-bodied, dusty violet — the color of twilight just after sunset.
- Onyx (#312930): 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
- Worn Orchard color palette (#F0F6FC, #DCD9E3, #C6BBCA, #56779D, #43484F)
- Dusty Bloom color palette (#F7EFF3, #DFD4D3, #B7ACA3, #9D7588, #3C3337)
- Timeworn Chestnut Canyon color palette (#FFDDEB, #D6B0B9, #9F7592, #8A5028, #39332E)
- Washed Chapel color palette (#F8EFF0, #E2D3CA, #CBB0AC, #8C497B, #291D1D)
- Indigo Studio color palette (#F6E1EC, #7165C1, #462534, #1F1119, #0A0408)
- Lapis Cabin color palette (#FCEDF6, #E1CDD6, #B79FD3, #5442BC, #25141E)
- Aged Boulevard color palette (#FDECF7, #C7DBFF, #A7ABFF, #9F77CA, #321627)
- Washed Harbor color palette (#E9E1E4, #9D878C, #805D7E, #3A0E58, #040001)
Browse the whole catalog at Explore, or see today's palette.