Petrol Canyon color palette — #E2F3EF · #8FB9C7 · #007684 · #00504B · #003440

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#E2F3EF): bright and airy, almost weightless.
• Ash (#8FB9C7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007684): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Coast color palette (#EFE6ED, #83BFC4, #007794, #004D36, #00172B)
• Dusty Basin color palette (#EEF7F6, #ABCAD9, #0086A3, #005F62, #0B4054)
• Frosted Cobalt color palette (#E2F2F2, #97B5D1, #1C69B6, #004C67, #132C59)
• Turquoise Villa color palette (#EFF0DE, #99E2E7, #2FB7CB, #009289, #003440)
• Tempered Cypress color palette (#EFF7F6, #D1DEF0, #65A4B5, #2A7D7C, #395768)
• Tempered Boulevard color palette (#D6E4E2, #548999, #004358, #002225, #000B13)
• Chalky Fern color palette (#CBFEFC, #8DD9BE, #54ADA2, #166808, #003637)
• Aged Pine color palette (#C0E9E5, #038137, #006A7C, #634800, #00280C)

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