Petrol Station color palette — #EEF8F6 · #D3DDEF · #769FB9 · #337A82 · #3C5669
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF8F6): a clean, paper-quiet neutral.
- Silver (#D3DDEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#769FB9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#337A82): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#3C5669): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Tempered Boulevard color palette (#E3FBFC, #7CC1A4, #7D98CF, #358367, #3C4E69)
- Antique Cypress color palette (#F6EFF4, #D5D2E6, #72A2C5, #237A6F, #26374E)
- Wandering Boulevard color palette (#E2EFED, #61ABBD, #00617A, #003D41, #002332)
- Tempered Parlor color palette (#E5FAFD, #CEDCE9, #B4A9B7, #699A9C, #3B5054)
- Abyss Parlor color palette (#E1F4F2, #4D89A5, #004161, #002129, #000A17)
- Washed Cobalt Pier color palette (#E7F9F9, #B0D3F1, #4083C5, #006281, #1B3E75)
- Teal Garden color palette (#DEFCFF, #4CAB93, #5391BA, #7A7A42, #2D484B)
- Muted Coast color palette (#DEFCFF, #96D2C4, #3E8D7D, #115C4F, #064135)
Browse the whole catalog at Explore, or see today's palette.