Petrol Station color palette — #F5F6ED · #79A674 · #5170A7 · #794141 · #46413B
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Moss (#79A674): A luminous, balanced green — the color of new leaves after rain.
- Slate (#5170A7): A full-bodied, balanced violet — the color of wild irises.
- Coffee (#794141): A full-bodied, dusty orange — the color of autumn markets.
- Charcoal (#46413B): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Station 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
- Washed Teal Quarry color palette (#F2F7EF, #40AD98, #885E94, #784522, #46423B)
- Softworn Petrol Alley color palette (#F9F5ED, #A9965F, #007E93, #704163, #692F0B)
- Muted Teal color palette (#E6F5F8, #37B1A5, #457897, #4B4670, #032E2A)
- Weathered Veranda color palette (#F0F8EF, #55C7BA, #5D93B8, #6A6389, #3F4800)
- Mulberry Quarry color palette (#EAFAF1, #3096B5, #97435F, #4D4B00, #193C1F)
- Weathered Courtyard color palette (#F4F7E6, #B7CDB2, #6D978B, #945C2E, #544D00)
- Pale Grape Chapel color palette (#EFF9E7, #009376, #6333BD, #642F00, #422C00)
- Mulberry Delta color palette (#E7F7E6, #008887, #7D2C7E, #433B00, #192B09)
Browse the whole catalog at Explore, or see today's palette.