Petrol Canyon color palette — #EDF2F9 · #D6D4E5 · #B0B7C7 · #3D6697 · #1B2128
Peacock and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF2F9): a clean, paper-quiet neutral.
- Silver (#D6D4E5): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B0B7C7): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#3D6697): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1B2128): 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
- Washed Nightshade color palette (#F0F1FB, #D1D1EB, #ABA7C6, #654898, #16172D)
- Worn Petrol Summit color palette (#EEF7F5, #E2D7D9, #BEAEB6, #3C6792, #313E3A)
- Softworn Grove color palette (#F0F6FC, #DBD9E3, #BDAFA9, #618FB6, #262F39)
- Antique Ash color palette (#E5E7FE, #AA97CC, #797393, #5F455C, #361D2D)
- Weathered Meadow color palette (#DFE6F1, #A8B3CB, #848CA9, #2C4075, #060B14)
- Pale Meadow color palette (#EBF2FF, #A1CDFF, #879DFF, #8669C6, #111332)
- Muted Terrace color palette (#E4E2EF, #8F8A9E, #716580, #410D4C, #020007)
- Feathered Cornflower Ridge color palette (#F9DFFB, #637FF0, #5F499D, #5D2133, #0D162F)
Browse the whole catalog at Explore, or see today's palette.