Petrol Canyon color palette — #EAF2ED · #B9C8C1 · #89AEA1 · #006C80 · #13241A
Built around Peacock, softened by Sage — the whole palette hums with trust and stability.
The five colors
- Cream (#EAF2ED): bright and airy, almost weightless.
- Stone (#B9C8C1): a calm mid-gray that lets other colors speak.
- Sage (#89AEA1): A luminous, dusty teal — the color of sea glass.
- Peacock (#006C80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#13241A): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Antique Quarry color palette (#DEE7E4, #CEBFCD, #B79BB0, #20639F, #11231F)
- Worn Abyss color palette (#D9E2DB, #AABEB7, #9E859A, #004E57, #132418)
- Ancient Cerulean Drift color palette (#DEE6EA, #B9C0D3, #A3A5C3, #0090A5, #06232E)
- Patina Jade color palette (#E9EADB, #5BA570, #00734D, #005146, #00220C)
- Ancient Indigo color palette (#F5ECF0, #E6D1D8, #D2ABB5, #7763AC, #372930)
- Hushed Delta color palette (#F9F2FA, #EAD7E8, #AFBCEA, #0079D2, #392E3B)
- Velvet Denim color palette (#D0E7DF, #00669D, #21262E, #01224D, #000D08)
- Muted Cerulean color palette (#F0F7F4, #D1DEDF, #D8C2CA, #519AB9, #404B45)
Browse the whole catalog at Explore, or see today's palette.