Petrol Station color palette — #EEE8DF · #9CBDA3 · #007791 · #004C42 · #001826
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#EEE8DF): bright and airy, almost weightless.
- Sage (#9CBDA3): A luminous, dusty teal — the color of glacier melt.
- Teal (#007791): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Washed Pier color palette (#EEE8DF, #84BCDA, #366FA2, #004A52, #01103E)
- Cerulean Meadow color palette (#F5F1EA, #ABD2BA, #3A85A8, #005C59, #00223C)
- Tempered Cerulean Terrace color palette (#E7DFD2, #38839B, #00405E, #001F20, #000105)
- Softworn Pewter color palette (#F5F1EA, #C8E2DE, #7FA793, #5A7354, #1A3E34)
- Washed Cerulean Meadow color palette (#F5F1EA, #BDE7D8, #6790C1, #006A7A, #3A2336)
- Washed Denim color palette (#FFE6F8, #D2C1EE, #C080B6, #1F578F, #311123)
- Dusty Navy color palette (#EDE6DB, #5A8EC1, #224391, #002A37, #03001B)
- Lapis Market color palette (#ECEFFF, #545CC9, #A4300C, #005C34, #060526)
Browse the whole catalog at Explore, or see today's palette.