Petrol Station color palette — #E7E7DC · #9DBA9D · #00848E · #005A50 · #00242B

Teal and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E7E7DC): bright and airy, almost weightless.
• Sage (#9DBA9D): A luminous, dusty green — the color of new leaves after rain.
• Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Villa color palette (#ECEEE3, #85BAD1, #007EB0, #005765, #002139)
• Cerulean Thicket color palette (#EEF0E2, #A9CFB5, #0095B4, #006B6E, #003345)
• Teal Field color palette (#EDDED7, #58AFAE, #006274, #004125, #002235)
• Muted Glacier color palette (#E7FAF6, #67E2E2, #008B94, #005249, #001013)
• Turquoise Courtyard color palette (#F5F6ED, #C2E6C7, #00AFC3, #00837B, #004857)
• Aged Fern Coast color palette (#F6EED4, #89925D, #676400, #483D00, #111A00)
• Pale Byzantium color palette (#FFD9DC, #DEB0C8, #DE7F9D, #8A469F, #36152D)
• Weathered Brick color palette (#FEE6FE, #A34BA9, #C21900, #0050BB, #220025)

Browse the whole catalog at Explore, or see today's palette.