Petrol Corridor color palette — #F3F3E4 · #89A775 · #626EA3 · #623E5D · #401A12
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E4): bright and airy, almost weightless.
- Moss (#89A775): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#626EA3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#623E5D): A full-bodied, dusty pink — the color of a candy shop window.
- Espresso (#401A12): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Corridor 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
- Worn Taupe Harbor color palette (#F8F1E6, #B4985C, #397C90, #474770, #3F1A21)
- Teal Ridge color palette (#ECF5E9, #4EAFA4, #866489, #6B3C44, #382200)
- Aged Aubergine color palette (#EFF8F1, #5CA5AE, #51739B, #5F4287, #5D3248)
- Hushed Petrol color palette (#F7F1EB, #C9E2E5, #B190AC, #307680, #462D3B)
- Weathered Cocoa color palette (#FFF0D6, #CBCDBA, #909D8E, #755A57, #6C3407)
- Gentle Emerald color palette (#EAF0DE, #009358, #474D91, #5E1800, #220E00)
- Pewter Villa color palette (#EDF9F1, #BEB181, #4C9AA1, #885385, #4E4210)
- Seafoam Orchard color palette (#E7F9FA, #8EE0BC, #55A8B6, #4E6D94, #1E4030)
Browse the whole catalog at Explore, or see today's palette.