Petrol Station color palette — #E2F3ED · #8DC499 · #056A9B · #0E3952 · #091A15
Built around Peacock, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#E2F3ED): bright and airy, almost weightless.
- Mint Leaf (#8DC499): A luminous, balanced teal — the color of glacier melt.
- Peacock (#056A9B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#0E3952): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#091A15): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Worn Stone Delta color palette (#E9F1E7, #A8BE80, #00736A, #003F3A, #0D1A0A)
- Weathered Petrol Lagoon color palette (#EDF7FF, #9FE3B0, #006A9C, #002B43, #00040B)
- Hushed Navy Coast color palette (#E3F3EE, #BE9070, #024575, #00233F, #041B16)
- Shell Lantern color palette (#FDF1FA, #F2AFBD, #5F719A, #324165, #281E26)
- Washed Jade color palette (#EBDCEC, #1FAC6F, #004680, #001B37, #060007)
- Hushed Cobalt Summit color palette (#E6F0FB, #FEB58B, #398CD8, #395979, #0A1724)
- Antique Sapphire color palette (#FCF1FA, #9CB2F1, #976AB6, #4E68CC, #241218)
- Fern Market color palette (#E1F5E4, #00A3AC, #9A7C21, #576A00, #172C1B)
Browse the whole catalog at Explore, or see today's palette.