Petrol Canyon color palette — #E7EFE7 · #829286 · #3E7483 · #003132 · #000200

Slate and Deep Forest set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7EFE7): bright and airy, almost weightless.
• Eucalyptus (#829286): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3E7483): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Onyx color palette (#E6EFEC, #968897, #7C6178, #002C49, #000201)
• Cypress Orchard color palette (#DCEDE2, #008389, #00677B, #004164, #000102)
• Abyss Station color palette (#DFEEF3, #95A8B0, #6C8B9B, #005050, #000B10)
• Denim Summit color palette (#E4EBE7, #C0D0C8, #84AEA0, #005F73, #091A11)
• Patina Atelier color palette (#ECE2EB, #AE98A8, #7776A3, #00268E, #0A010A)
• Twilit Fern Lantern color palette (#F0EDD8, #456226, #083401, #001A0C, #010200)
• Shadow Denim color palette (#D3EFE5, #37619F, #2A2E67, #320229, #0D0004)
• Eclipse Onyx color palette (#D3E8DC, #514C56, #002F3C, #0D161A, #000205)

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