Petrol Canyon color palette — #EDF8F3 · #9ED0C8 · #659D86 · #357D8C · #234A45
Slate and Eucalyptus set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Pistachio (#9ED0C8): A whisper-light, dusty teal — the color of sea glass.
- Eucalyptus (#659D86): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#357D8C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#234A45): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, 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
- Timeworn Lagoon Coast color palette (#ECF9F3, #9DBF9A, #399376, #775385, #0A3E39)
- Antique Basin color palette (#E6FAF7, #B3E3C1, #85B9A1, #73979E, #2D4847)
- Washed Lagoon Ridge color palette (#F9F3F7, #D1DEF6, #6AADD9, #008E7D, #334966)
- Worn Quarry color palette (#F5F6ED, #8CBD9D, #398367, #4A6142, #3B4900)
- Basalt Quarry color palette (#CEE7E0, #67A27C, #007064, #622E5F, #00220F)
- Ancient Chapel color palette (#D9EFE8, #489663, #006153, #003E51, #001506)
- Chalky Navy Market color palette (#D6E6D8, #777A2F, #215200, #291867, #060600)
- Indigo Canyon color palette (#F1F5FF, #AEB0F2, #BAA354, #756FDD, #4F4109)
Browse the whole catalog at Explore, or see today's palette.