Petrol Canyon color palette — #EDF3F7 · #D2D6E0 · #ABB9C7 · #006F8D · #14222B
Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Silver (#D2D6E0): bright and airy, almost weightless.
- Ash (#ABB9C7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006F8D): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#14222B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Petrol color palette (#F0F7F3, #CEDCDE, #C2ABBB, #007086, #323E37)
- Cerulean Field color palette (#F0F6FA, #D9DBE6, #C1ACA8, #2798B3, #203139)
- Weathered Cypress Canyon color palette (#E6F6F4, #7EAC94, #29735F, #00524E, #002122)
- Aged Denim color palette (#DFE7ED, #AAB5C0, #7C8FA8, #00496A, #010C16)
- Velvet Pier color palette (#D7E3F1, #0066B5, #14253F, #000D1F, #000206)
- Hushed Amethyst Study color palette (#F0F1F8, #DAD3DC, #C0BCD1, #7F48C1, #212238)
- Washed Balcony color palette (#ECF2FC, #CCD4E5, #ABA5D0, #2E3CDE, #111A2A)
- Ancient Aubergine color palette (#E8E8F2, #CCCAD4, #A79FB8, #70378C, #151325)
Browse the whole catalog at Explore, or see today's palette.