Petrol Station color palette — #F0F4E3 · #61A9B8 · #0074A2 · #543570 · #022A1A
Slate and Royal Purple set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F0F4E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#61A9B8): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#543570): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Forest (#022A1A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, muted, cool.
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
- Chalky Hollow color palette (#F4F3DE, #6DAB91, #007C74, #154389, #182809)
- Hushed Garnet color palette (#FFEDE9, #72A1CD, #5567A3, #6C2A57, #2F1930)
- Antique Petrol color palette (#FFF0F8, #38AC9C, #1071A5, #793914, #23424D)
- Denim Courtyard color palette (#F0F3ED, #BFE6DB, #678FC6, #00668E, #1C2B4B)
- Sunlit Denim Parlor color palette (#D7F0E2, #008ABD, #004FA1, #530055, #001423)
- Misty Balcony color palette (#DDFDF9, #3FC5D7, #2292BE, #6D5591, #28414D)
- Wandering Garnet color palette (#FBEDF7, #7C8AC1, #7E5182, #731B2A, #2E1800)
- Washed Chestnut Villa color palette (#FFF3E7, #94DDC8, #4D9CC3, #925000, #233824)
Browse the whole catalog at Explore, or see today's palette.