Petrol Canyon color palette — #EBF9F3 · #FFDAE2 · #4D7D99 · #1C4034 · #05130E

Slate takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Shell Pink (#FFDAE2): A whisper-light, dusty red — the color of a theater curtain.
• Slate (#4D7D99): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#1C4034): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#05130E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Muted Orchard color palette (#FBF2FA, #F0D9C1, #5A77A3, #453045, #150B15)
• Softworn Study color palette (#EAF5EC, #C9B07B, #00616B, #002E33, #041007)
• Turquoise Orchard color palette (#EBF8FD, #EAD3A3, #4AA4B0, #00707C, #10252D)
• Wandering Lilac color palette (#FFF0F8, #9D97E1, #837DC3, #794800, #072214)
• Weathered Denim Studio color palette (#FFF0FB, #CCD98B, #4F5DA2, #1C234E, #080107)
• Glacier Archive color palette (#FCF5E0, #79DCF2, #9088C6, #686725, #1A3830)
• Muted Denim color palette (#D9FFF3, #FFAA9A, #005C94, #002038, #000103)
• Lagoon Meadow color palette (#EFF8EF, #A3F6FA, #C287B6, #009DA2, #1D0D0F)

Browse the whole catalog at Explore, or see today's palette.