Petrol Orchard color palette — #EEF7FA · #D7D8E5 · #AEB3C2 · #00717F · #2C3E45
Teal takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF7FA): a clean, paper-quiet neutral.
- Silver (#D7D8E5): bright and airy, almost weightless.
- Ash (#AEB3C2): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#00717F): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#2C3E45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Orchard 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 (#EDF4EF, #CADADA, #C6AEC6, #007185, #17241C)
- Hushed Denim Drift color palette (#EEF6FF, #CED2E1, #BD99BA, #005AA9, #253445)
- Weathered Cobalt Workshop color palette (#F2F5FB, #DCD9DF, #B8A8A3, #6981B4, #4E535B)
- Wandering Abyss color palette (#DDE4E7, #B2BAC4, #878CAB, #004D5F, #0E222C)
- Fern Delta color palette (#C2EDE9, #7FADBD, #67799F, #475F2B, #1B4C46)
- Washed Veranda color palette (#F3F5FC, #DFD6DF, #C5B6CA, #6856BF, #393F54)
- Weathered Cypress Boulevard color palette (#EDF9F1, #8AA478, #297259, #04536C, #0F3E36)
- Worn Turquoise Orchard color palette (#F0F7F2, #CCDEE0, #CFBBB3, #6AACB5, #343D36)
Browse the whole catalog at Explore, or see today's palette.