Petrol Station color palette — #E8DECF · #6AC2C3 · #008395 · #005B47 · #002330

Cerulean takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#E8DECF): A whisper-light, dusty gold — the color of honey in a jar.
• Mint Leaf (#6AC2C3): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Turquoise Loft color palette (#E9E1D5, #42B1CE, #006F98, #004A49, #001529)
• Muted Grove color palette (#F6EDE0, #8CD1E0, #1D93BC, #006C66, #03314D)
• Lagoon Corridor color palette (#E9FAF6, #90DBDB, #008B94, #005249, #001013)
• Hushed Courtyard color palette (#F0E6D5, #7BB8E9, #3071D4, #005669, #151A42)
• Aged Turquoise color palette (#F9F4ED, #BCEBE2, #5EB2CD, #3A8A7E, #314F44)
• Mint Lantern color palette (#DDE5C1, #58DAB5, #18B5BD, #607432, #003120)
• Washed Emerald Quarry color palette (#E4F3E9, #00B15B, #00763E, #004221, #000C04)
• Weathered Moss color palette (#E8EACB, #829500, #376E00, #004E14, #002715)

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