Petrol Station color palette — #FFF2EF · #7CA56F · #00778A · #703B48 · #3B3E38
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Moss (#7CA56F): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#00778A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#703B48): A full-bodied, dusty red — the color of late-summer berries.
- Charcoal (#3B3E38): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Taupe Orchard color palette (#FFF2EB, #AF9544, #2F7960, #5E3F6C, #3E3D36)
- Dusty Summit color palette (#FFF2EB, #71B8A2, #527BA2, #784D41, #3B4D3D)
- Aged Aubergine Harbor color palette (#E6F7E9, #6CAC8A, #007A7F, #652D62, #00282D)
- Washed Parlor color palette (#FAF5E8, #938B3E, #42639A, #6B3A0D, #403000)
- Dusty Lagoon Studio color palette (#FEF4E4, #7FC29E, #1A989E, #824D7E, #324325)
- Dusty Cypress color palette (#FCF3EF, #C5E6CF, #5F90B3, #297154, #5B3C55)
- Tempered Fern Terrace color palette (#F8F6E6, #AAB592, #3B817C, #685903, #3B4900)
- Sunlit Denim color palette (#FFF3E8, #00A09F, #4259AB, #693600, #003C4C)
Browse the whole catalog at Explore, or see today's palette.