Petrol Orchard color palette — #ECF9EE · #DFB398 · #A39157 · #007B99 · #593F48
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Sand (#DFB398): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#A39157): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007B99): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#593F48): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Tempered Garden color palette (#EBFAED, #E3ADB8, #B7856F, #277F6C, #544053)
- Timeworn Taupe Lantern color palette (#EAFAED, #D3BB88, #869C61, #4D719E, #334F40)
- Wandering Cocoa color palette (#FEF4E3, #FFD2B7, #B1A16E, #447B8E, #5A3600)
- Timeworn Bronze color palette (#EBFAED, #D59491, #867729, #49587D, #53424B)
- Weathered Denim Terrace color palette (#FFF1F6, #C3D3C7, #92ABA5, #718598, #495268)
- Aged Taupe color palette (#EBF5EB, #B99462, #495E52, #2F3C2F, #271F23)
- Quiet Marigold Summit color palette (#E0FEE6, #DD981C, #7B8600, #005F98, #433300)
- Antique Bloom color palette (#FFF4E0, #FFBEB4, #B5B17B, #9F809D, #6A3A00)
Browse the whole catalog at Explore, or see today's palette.