Petrol Canyon color palette — #E5F6F1 · #7AA9D5 · #4EA264 · #0068AD · #003112
Peacock and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E5F6F1): bright and airy, almost weightless.
- Blue Fog (#7AA9D5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Kelly Green (#4EA264): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#0068AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003112): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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 Moss color palette (#E9F6EC, #50B4C6, #8A963B, #007181, #262B00)
- Weathered Indigo Archive color palette (#FCEDF6, #AAAFDE, #5EACA2, #6365C0, #21381A)
- Dusty Coast color palette (#EEF6FF, #6BA4DD, #B87C00, #1F69A8, #563D17)
- Weathered Violet Corridor color palette (#D9FBEF, #5694C0, #916BB6, #007D67, #00251C)
- Chalky Peony color palette (#E6F6EF, #68ADD4, #BA6FAE, #006D98, #3A1935)
- Lapis Boulevard color palette (#FFEBF8, #969FD7, #CD6B78, #5056BB, #47111C)
- Softworn Cobalt color palette (#FFEBFC, #E9D1D4, #CDC0F8, #4D7DB3, #412A3B)
- Weathered Courtyard color palette (#FFE0E8, #9B64B8, #00788D, #69008E, #00151B)
Browse the whole catalog at Explore, or see today's palette.