Petrol Canyon color palette — #F8ECE3 · #92BCAA · #2369B5 · #004F50 · #232855
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8ECE3): a clean, paper-quiet neutral.
- Sage (#92BCAA): A luminous, dusty teal — the color of sea glass.
- Royal Blue (#2369B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#232855): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Ancient Cobalt Hollow color palette (#FAF4EF, #A9CEC2, #5D77B0, #005E68, #38335F)
- Abyss Archive color palette (#F6ECE7, #84BEBA, #007586, #00532C, #003248)
- Worn Petrol color palette (#DEECEB, #92B9D5, #0072AB, #004959, #00172E)
- Wandering Basin color palette (#EFDED5, #589AAC, #004F74, #00302A, #001135)
- Antique Canyon color palette (#FBE9F1, #A4DCF9, #68A8F1, #009191, #252B4C)
- Linen Bronze Lantern color palette (#EFDAC5, #B36B00, #00778B, #693D00, #002F38)
- Wandering Drift color palette (#FAF3F0, #CDE3D1, #4E94B1, #007458, #1C5247)
- Tempered Cypress color palette (#FAF4EF, #C9E7EA, #829AC3, #007E86, #634A59)
Browse the whole catalog at Explore, or see today's palette.