Petrol Station color palette — #F0F8EF · #A27342 · #007582 · #474B76 · #3B2F3F
A conversation between Teal and Walnut, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F8EF): bright and airy, almost weightless.
- Walnut (#A27342): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Teal (#007582): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#474B76): A full-bodied, dusty violet — the color of twilight just after sunset.
- Espresso (#3B2F3F): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Weathered Basin color palette (#EAF9F3, #878843, #4E6D9C, #5F3D5D, #3D2B34)
- Ancient Cypress color palette (#EDF9F1, #A7985D, #288073, #40527D, #4B3B56)
- Driftwood Harbor color palette (#FCF1FD, #BE6F74, #3E7959, #145271, #312F41)
- Pine Archive color palette (#EBF5EC, #A48A59, #327746, #4F3974, #0F2113)
- Sunlit Aubergine Coast color palette (#E2FEEA, #846A00, #005E7D, #540B7E, #3A1210)
- Tempered Driftwood Lantern color palette (#F1F7F1, #D3DCDB, #A8ACB5, #967E54, #4D554E)
- Softworn Corridor color palette (#E9F5EF, #818141, #28423D, #1D2D26, #0E1716)
- Softworn Honey color palette (#EBF9F1, #D1D8CA, #D9CE81, #7FB080, #2B4B41)
Browse the whole catalog at Explore, or see today's palette.