Petrol Canyon color palette — #F9EBF5 · #67C1CD · #0080A8 · #005B47 · #00203E

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EBF5): bright and airy, almost weightless.
• Cyan (#67C1CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Hazy Cobalt color palette (#ECDCE2, #87B8D9, #3871CF, #00585E, #1B1744)
• Cerulean Canyon color palette (#FBF4E9, #B0D7B9, #0087A7, #005249, #000E19)
• Antique Courtyard color palette (#E5E7D9, #29B1C2, #006273, #003E3D, #00242F)
• Azure Market color palette (#EFDED7, #7DCFDA, #1C9DD8, #008152, #05194F)
• Aged Study color palette (#FFF1F6, #93D3FF, #4286FF, #007179, #2D256B)
• Worn Atelier color palette (#FAF2F7, #D0DFF9, #4FAFE9, #318B7D, #374961)
• Softworn Turquoise color palette (#D3F4F0, #73D1C7, #18B0E5, #607500, #002628)
• Jade Parlor color palette (#C7E8DA, #00B178, #007453, #004129, #000E08)

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