Petrol Orchard color palette — #FEF3EA · #C7997F · #5F9063 · #376D9B · #44302A
A conversation between Slate and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF3EA): a clean, paper-quiet neutral.
- Camel (#C7997F): A luminous, dusty gold — the color of honey in a jar.
- Fern (#5F9063): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#376D9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#44302A): A deep, shadowed, dusty orange — the color of toasted spice.
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
- Softworn Petrol Lagoon color palette (#FFF2EF, #DE9CA7, #739964, #4C67A4, #5B344A)
- Petrol Canyon color palette (#F8F5EB, #A7A46E, #3E918D, #6960A8, #3D3632)
- Worn Veranda color palette (#FEF2EE, #CA8B85, #9D8049, #007472, #473035)
- Blush Grove color palette (#FAF2FA, #FF9BA4, #2A9AAD, #547599, #212631)
- Dusty Cabin color palette (#FFF2EE, #FFA1AB, #B3A162, #8A80AC, #423132)
- Faded Bloom color palette (#FCF5E4, #9D8800, #007D6E, #5435A3, #2D1804)
- Softworn Villa color palette (#F8F2FF, #AE6891, #006D8C, #394A72, #343344)
- Patina Taupe Orchard color palette (#FAF4F0, #DBDAD4, #ACB6AD, #BF8E7E, #5B504A)
Browse the whole catalog at Explore, or see today's palette.