Petrol Canyon color palette — #EDF0E7 · #90BCAF · #2769B2 · #004B68 · #152C58

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Sage (#90BCAF): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#2769B2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#152C58): A deep, shadowed, balanced violet — the color of wild irises.

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

• Petrol Garden color palette (#EFE7E0, #95BDB1, #4B67B0, #004A53, #160B37)
• Cypress Drift color palette (#EFEFE6, #7BBFBF, #007680, #005148, #00343D)
• Ancient Cerulean color palette (#F5F7E9, #A1D9E5, #008DAD, #006669, #00465E)
• Washed Cornflower color palette (#FAEAEF, #A7C8E7, #6183D2, #006A75, #2C2457)
• Pale Garden color palette (#E2F2F2, #ACD9FF, #5AA7FF, #008AB8, #152C56)
• Denim Parlor color palette (#E4E7DA, #5499B8, #004F73, #002E38, #001528)
• Tempered Raspberry color palette (#FBD4CC, #CC4872, #4762BE, #89003E, #172455)
• Softworn Bloom color palette (#FFE8E0, #F9AE9E, #C8855C, #964258, #3B3431)

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