Petrol Canyon color palette — #EFE8DC · #81C1BE · #007986 · #004D39 · #001922
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EFE8DC): bright and airy, almost weightless.
- Mint Leaf (#81C1BE): A luminous, dusty teal — the color of sea glass.
- Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001922): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Petrol Villa color palette (#EEE8E0, #92BEB0, #3E6CA9, #004957, #0A1038)
- Muted Bloom color palette (#F8F1E5, #B3D0B8, #008AA6, #005D50, #00281C)
- Ancient Forest Summit color palette (#F2ECF3, #8FB9C4, #00748E, #025411, #002F55)
- Aged Denim color palette (#EFE7DB, #66A8B7, #006181, #003A37, #000C19)
- Timeworn Studio color palette (#EAE4D9, #248695, #004255, #00201C, #000103)
- Fern Ridge color palette (#EDF3D7, #95D5BA, #39ADB0, #57660C, #00200E)
- Muted Cypress color palette (#F6F1EA, #C5E5D5, #5F94BA, #006C71, #3A223A)
- Timeworn Cerulean color palette (#FEF2EF, #ABF6F1, #00A2C3, #306B2D, #00203A)
Browse the whole catalog at Explore, or see today's palette.