Petrol Canyon color palette — #F6EAF3 · #6EBFD0 · #00719C · #005143 · #182E4C

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Blush (#F6EAF3): bright and airy, almost weightless.
• Cyan (#6EBFD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#182E4C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Petrol color palette (#EFE6EC, #91BACD, #1972A3, #004E34, #060E3E)
• Cobalt Garden color palette (#FBF2F7, #8AD1EA, #467EA9, #006059, #2B395C)
• Aged Turquoise Garden color palette (#F4EEE4, #BCDCC6, #3BB3DF, #009288, #00314E)
• Wandering Lagoon Harbor color palette (#F7EAF3, #25A2A3, #005363, #00321D, #001625)
• Ash Bloom color palette (#FBF2F7, #D8D5E9, #739FBE, #457880, #445469)
• Worn Studio color palette (#C6E8D4, #8F8000, #355FD4, #534A00, #102459)
• Antique Teal Dune color palette (#D8F6E4, #C0DCA1, #3AB998, #7E5022, #0F3B2F)
• Timeworn Ultramarine Field color palette (#EBE8CB, #786D00, #4A50B5, #4D3898, #242000)

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