Petrol Canyon color palette — #F8F1E5 · #84C9D0 · #007E9A · #005348 · #001D2C

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Aqua (#84C9D0): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007E9A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005348): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001D2C): 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

• Cobalt Atelier color palette (#FBF0E0, #86C4E6, #0075C3, #005059, #000D52)
• Navy Field color palette (#FFF0FC, #5DCAD4, #0078A1, #005931, #092F6B)
• Dusty Denim color palette (#E6E1D8, #62A9B6, #00617D, #003A35, #000C18)
• Sunlit Corridor color palette (#E9FBEC, #5AE0EF, #009CBD, #007465, #003850)
• Aged Lantern color palette (#EFE9DE, #40829C, #003F63, #001F21, #000106)
• Powdered Ridge color palette (#FFF2ED, #D3DEF7, #00A6E6, #00764A, #021B60)
• Hushed Jade Alley color palette (#A0F7D0, #00B576, #007049, #00331D, #000C06)
• Aged Pier color palette (#EAF9CF, #80EEDD, #00C4DD, #397400, #00291B)

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