Petrol Canyon color palette — #E5F1EA · #95A3A4 · #708F93 · #006E88 · #010C06
A conversation between Peacock and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F1EA): bright and airy, almost weightless.
- Taupe (#95A3A4): soft and architectural.
- Storm Blue (#708F93): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#010C06): A deep, shadowed, dusty teal — the color of sea glass.
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
- Ancient Quarry color palette (#DEEBF3, #7F909C, #556E86, #002F3D, #000103)
- Weathered Abyss color palette (#E7EDE9, #94AAA3, #947F8E, #004E5D, #000D05)
- Ultramarine Coast color palette (#E7E1E8, #AA9C9F, #A77F85, #1562B6, #110412)
- Cypress Terrace color palette (#EDF1DC, #5A9876, #007358, #00544E, #000803)
- Garnet Studio color palette (#FEE9F3, #9075A1, #7D5779, #812512, #1D0800)
- Chalky Sapphire Grove color palette (#D7F3EA, #00B2DD, #019AE9, #4163FF, #000208)
- Antique Cornflower color palette (#EAE2E9, #C9BBBD, #BE9EA0, #4575F5, #2B1728)
- Softworn Ultramarine color palette (#FCD6CD, #007FCB, #344FB1, #680053, #00030D)
Browse the whole catalog at Explore, or see today's palette.