Petrol Canyon color palette — #F4DFD6 · #63C2CE · #0080A6 · #005B46 · #00203D
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F4DFD6): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#63C2CE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Field color palette (#F1E1D4, #62BCF1, #4274BF, #00585D, #1A1649)
- Cerulean Studio color palette (#EEF8F0, #A4D4E7, #0088A6, #005248, #000E19)
- Timeworn Denim Veranda color palette (#F7EAE4, #84A98D, #005F85, #004026, #081B47)
- Softworn Pier color palette (#EEE3EC, #85CED7, #009ED9, #008250, #011753)
- Weathered Cornflower color palette (#FFF3E8, #92D3FF, #4087FF, #007178, #2D2A61)
- Teal Alley color palette (#EFDAD0, #00A6AE, #00627A, #003D29, #000A16)
- Worn Azure Studio color palette (#FFF2EC, #8CECFF, #1EA8E3, #00856F, #254164)
- Weathered Turquoise Basin color palette (#FCF3EF, #CCEBE0, #78BECC, #828B68, #375147)
Browse the whole catalog at Explore, or see today's palette.