Petrol Orchard color palette — #E8F8FF · #007580 · #584000 · #182500 · #000102
A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#584000): A deep, shadowed, dusty gold — the color of honey in a jar.
- Onyx (#182500): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
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
- Cobalt Loft color palette (#EEF6FF, #0076C4, #384C00, #002B1E, #000103)
- Washed Bloom color palette (#FFF0FF, #BF1B40, #5C4A00, #182C00, #000201)
- Worn Indigo Villa color palette (#F1F5FF, #6E6DE0, #006F44, #00484A, #000104)
- Washed Rose color palette (#FEF0FF, #FF3161, #735900, #2B4200, #000504)
- Amber Parlor color palette (#FFF1F7, #E98100, #4C8100, #00604F, #00111B)
- Inked Grove color palette (#EFD9E2, #004480, #172A00, #13141A, #000805)
- Hushed Plum color palette (#F6F3FF, #AE2E9C, #793600, #342700, #000200)
- Quiet Violet Summit color palette (#D7E1F9, #9168FF, #966A00, #704E00, #000A0A)
Browse the whole catalog at Explore, or see today's palette.