Petrol Canyon color palette — #E3F2F0 · #78BEC8 · #007589 · #00504E · #003442

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

The five colors

• Cream (#E3F2F0): a clean, paper-quiet neutral.
• Cyan (#78BEC8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Summit color palette (#F0E5ED, #63C4D0, #007699, #004D3A, #00172D)
• Worn Cerulean Basin color palette (#EEF7F6, #9FCCE4, #0085A8, #005F65, #203E52)
• Sunlit Sapphire color palette (#E5F1F1, #8CB6DF, #0363CD, #004B6A, #1C2C51)
• Worn Lagoon Basin color palette (#DDF2ED, #49A09B, #005557, #003128, #00181B)
• Aged Turquoise color palette (#EFF7F6, #D2DEF0, #4CA6C2, #327B7E, #3C5667)
• Lagoon Dune color palette (#F6EAF4, #9DE0EB, #61AEDC, #009663, #1B2C52)
• Nightshade Grove color palette (#D4DFF2, #5674E3, #007D62, #2432B1, #003125)
• Pale Terrace color palette (#D8DEF4, #714FC7, #AB005D, #00556E, #21183A)

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