Petrol Station color palette — #F9EBE3 · #78C6C6 · #007389 · #004026 · #000306
Teal takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9EBE3): a clean, paper-quiet neutral.
- Mint Leaf (#78C6C6): A luminous, dusty teal — the color of glacier melt.
- Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Aged Cobalt Study color palette (#FDF3EE, #90D9E8, #0085B5, #005344, #000C22)
- Denim Thicket color palette (#FAECE1, #65ADCB, #005795, #002B2A, #00000B)
- Ultramarine Meadow color palette (#F9EBE0, #7DC0E9, #005ED6, #003D41, #020013)
- Ancient Orchard color palette (#DCF2ED, #3FC6C6, #00959F, #006E62, #00181C)
- Softworn Spruce color palette (#E5DBE5, #4D9897, #005267, #002E0B, #00040F)
- Feathered Byzantium Studio color palette (#FFE1EA, #9105D4, #4D6100, #004E47, #020006)
- Turquoise Delta color palette (#FEF2ED, #BDEAF2, #00B8E2, #13825D, #00372C)
- Moss Alley color palette (#E8E0C8, #719337, #554F00, #2E1E00, #000200)
Browse the whole catalog at Explore, or see today's palette.