Petrol Canyon color palette — #E5EDF3 · #A19FB6 · #9481A0 · #006D8D · #000B14

Peacock and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E5EDF3): a clean, paper-quiet neutral.
• Blue Fog (#A19FB6): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#9481A0): A luminous, dusty violet — the color of wild irises.
• Peacock (#006D8D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Hollow color palette (#DFF1EA, #AD9FAD, #997C90, #004B6D, #000D08)
• Onyx Station color palette (#DCE8E3, #948993, #7D626F, #002E42, #000201)
• Antique Indigo Lagoon color palette (#ECEFFE, #BAAAB8, #AE8D99, #7860B4, #111320)
• Wandering Cobalt color palette (#CAEFF3, #5B82C3, #7C5185, #3B4D16, #0A1100)
• Quiet Grape Atelier color palette (#F0E9D7, #0087A6, #6A2EBB, #493800, #00030B)
• Softworn Meadow color palette (#D3EAF6, #007F9A, #A1072D, #3B3800, #020200)
• Muted Garden color palette (#E8EFF7, #D9CFE6, #C4B2C4, #6696C8, #262F38)
• Soft Emerald Bloom color palette (#DDF7ED, #00A265, #00716E, #234975, #000803)

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