Petrol Canyon color palette — #F6E6DF · #61B0BA · #006F9A · #004D2E · #000A42

Peacock and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F6E6DF): bright and airy, almost weightless.
• Cyan (#61B0BA): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D2E): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Indigo (#000A42): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, 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

• Cobalt Lagoon color palette (#F6EAE3, #93BCA6, #2077C5, #005B4A, #18164A)
• Aged Ultramarine Alley color palette (#EFE4DC, #6AAACF, #245BD2, #004B45, #18003E)
• Aqua Study color palette (#FAE8F7, #43CCD6, #007197, #004121, #00020C)
• Weathered Cerulean Veranda color palette (#DDEBE0, #32A0AA, #005264, #003129, #001623)
• Tempered Parlor color palette (#F3E9D9, #53C3CD, #0092AF, #006E5F, #001623)
• Dusty Cerulean color palette (#CCEAF2, #0094BE, #006282, #002B36, #000203)
• Feathered Wisteria Thicket color palette (#CCE4E8, #6EBCF5, #B77AD6, #006435, #001825)
• Washed Forest Boulevard color palette (#F8EBE7, #ACCFAF, #0093C0, #007138, #022C60)

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