Petrol Station color palette — #F4E6DF · #85BFC0 · #00788F · #004E30 · #001828

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

The five colors

• Parchment (#F4E6DF): bright and airy, almost weightless.
• Ash (#85BFC0): A luminous, dusty teal — the color of glacier melt.
• Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001828): 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

• Ancient Cobalt color palette (#F2E7DF, #81BDD8, #006DBC, #004B49, #0B1038)
• Aged Pier color palette (#EFF0E2, #55C5C7, #007680, #005048, #00343E)
• Timeworn Drift color palette (#F7F0ED, #ACD3B6, #0087B3, #005D4A, #2C172F)
• Washed Cerulean Villa color palette (#EDF8F6, #B9E8FF, #00A5B3, #006B61, #00232A)
• Muted Cerulean Canyon color palette (#F8E8E0, #338596, #00415D, #00201A, #000106)
• Antique Nightshade Thicket color palette (#E9E0D8, #5891B8, #0037B5, #002B2F, #04001A)
• Muted Moss color palette (#EEE6CF, #B19A00, #685500, #312800, #0A0600)
• Aged Amber color palette (#FDEAE5, #CA6A00, #7D5200, #423300, #161800)

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