Petrol Station color palette — #FDF4E6 · #C9BE92 · #67A27A · #6867A1 · #484841
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#C9BE92): A luminous, dusty green — the color of new leaves after rain.
- Moss (#67A27A): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#6867A1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#484841): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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
- Antique Quarry color palette (#F7F6EB, #AAB983, #4E99A6, #715D95, #5F352F)
- Dusty Straw Chapel color palette (#E9FBEC, #DBE58D, #78B28A, #6D6E97, #2E443F)
- Washed Parlor color palette (#FFF2EC, #BDA568, #308968, #6D4B72, #494841)
- Softworn Driftwood Market color palette (#F9F6DF, #CFD4C1, #9FAE9D, #9D7786, #6A4B4F)
- Muted Mulberry color palette (#FFF4E2, #77C2B3, #3793AD, #8F476C, #2C442D)
- Garnet Station color palette (#EEDDC1, #009774, #006470, #640050, #001B18)
- Gentle Delta color palette (#FFF4E2, #7FBB61, #00927B, #7531AB, #05411D)
- Worn Meadow color palette (#FAF4EA, #DAD1B2, #A09D78, #9A7734, #5D4B00)
Browse the whole catalog at Explore, or see today's palette.