Petrol Station color palette — #F4E6DF · #98BEA7 · #1672A4 · #004C43 · #00113D

Slate takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F4E6DF): bright and airy, almost weightless.
• Sage (#98BEA7): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#1672A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00113D): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Worn Cobalt color palette (#F9F0EA, #B0D0C1, #527FAF, #005B5A, #151C43)
• Faded Lantern color palette (#F1E7DC, #95B7DA, #4C62BE, #004A55, #19073B)
• Patina Denim color palette (#F3E9E0, #7CA798, #2053A9, #00393D, #09002D)
• Wandering Azure color palette (#E9F9F7, #CCDEFC, #00A1CA, #006970, #002231)
• Softworn Abyss color palette (#F3E8E3, #52979B, #005267, #002D1E, #00050C)
• Worn Forest Pier color palette (#F7F0EC, #CFE3CD, #5599A7, #1F6F42, #063527)
• Antique Alley color palette (#F7F0EC, #C8E4E2, #74A1C9, #007C74, #452D41)
• Linen Plum Chapel color palette (#FEEAE8, #AA3B78, #00704E, #005A4A, #1B000E)

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