Petrol Station color palette — #F5F7E9 · #6D9465 · #1D6D91 · #703C34 · #383932
Peacock and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F7E9): a clean, paper-quiet neutral.
- Moss (#6D9465): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#1D6D91): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#703C34): A full-bodied, dusty orange — the color of sun-warmed clay.
- Charcoal (#383932): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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 Lagoon color palette (#F5F6EA, #5C905E, #257989, #10576B, #3D3633)
- Patina Cabin color palette (#EFF8EE, #4B9D98, #5A5E95, #6D4621, #2A3529)
- Weathered Atelier color palette (#E8F5F3, #789862, #5D639D, #763155, #0E1E0F)
- Ancient Fern Loft color palette (#FFF2EF, #91B386, #378393, #784A56, #39510E)
- Timeworn Driftwood Archive color palette (#F5F6EF, #D4DDD9, #A5ACB6, #808942, #525449)
- Worn Summit color palette (#EDF5E9, #388E7C, #2D4237, #252B21, #121611)
- Timeworn Cocoa Bloom color palette (#F3F7E9, #72A684, #8D607E, #744253, #6B2E13)
- Frosted Lagoon color palette (#E2FEE7, #007D88, #005C73, #760029, #202A08)
Browse the whole catalog at Explore, or see today's palette.