Petrol Canyon color palette — #F6F1E8 · #C2B472 · #0081A3 · #756400 · #01130A
Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F1E8): a clean, paper-quiet neutral.
- Sand (#C2B472): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#0081A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#756400): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#01130A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Powdered Cobalt color palette (#F4F2E9, #B1BA74, #4F73BA, #636B00, #170816)
- Antique Fern color palette (#F6F5EF, #A5B77E, #007D8B, #536A00, #132A1A)
- Wandering Chestnut color palette (#F9F0EA, #DDA589, #008491, #9A4B1F, #061109)
- Dusty Bronze Hollow color palette (#F1F7F3, #D0C595, #5395CB, #957F00, #162634)
- Jade Meadow color palette (#FFEDE9, #86A86B, #217883, #68324B, #1E2610)
- Lagoon Delta color palette (#FEF4B7, #9BC288, #328A6C, #00555A, #00243E)
- Pewter Summit color palette (#F2F2EB, #D1D9D5, #B0C0BE, #637E59, #2C2D23)
- Wandering Garnet color palette (#FAF0E2, #AC873C, #1F6B97, #6F2513, #301700)
Browse the whole catalog at Explore, or see today's palette.