Petrol Canyon color palette — #F0E8DC · #92BEAE · #3C6DA5 · #004955 · #07103B
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E8DC): a clean, paper-quiet neutral.
- Mint Leaf (#92BEAE): A luminous, dusty teal — the color of glacier melt.
- Slate (#3C6DA5): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004955): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#07103B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Softworn Cobalt color palette (#F7F1E7, #ACD0C7, #5C7AB9, #00586F, #1A1B40)
- Petrol Atelier color palette (#EFE8DE, #7BC2BD, #007984, #004E36, #001921)
- Tempered Sapphire color palette (#F5ECEF, #96B5CF, #4562B4, #00504D, #331F5A)
- Gentle Lilac color palette (#FCE3FF, #B8C3FF, #AC87D5, #00657E, #2B1028)
- Lagoon Pier color palette (#EBE3D8, #228888, #00444D, #002017, #000203)
- Cobalt Pier color palette (#D2E9E1, #0087CC, #995A00, #004B74, #1E0D00)
- Cerulean Parlor color palette (#CBF6FD, #008EB2, #005B82, #003459, #001047)
- Mulberry Market color palette (#DBE9F8, #006EBA, #AA1849, #395700, #000B1B)
Browse the whole catalog at Explore, or see today's palette.