Petrol Station color palette — #F3E4EC · #88BBD6 · #316DAD · #004B4B · #0C0E3B

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F3E4EC): a clean, paper-quiet neutral.
• Sky (#88BBD6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#316DAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0C0E3B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Station color palette (#F8EFF2, #ACCCE8, #577AC1, #005A62, #1E1B3D)
• Petrol Drift color palette (#E2F2F1, #80BAD7, #0070A2, #004D5C, #013052)
• Patina Denim color palette (#E9DCE4, #60ABA8, #006373, #003C20, #000C16)
• Dusty Cypress color palette (#F7EFF2, #D8D1E4, #849EBF, #28787C, #2A3551)
• Washed Navy color palette (#E7DCE0, #547DA1, #182895, #001E24, #020009)
• Plum Bloom color palette (#FCE4FF, #AC4156, #007144, #00585A, #1D0005)
• Mulberry Delta color palette (#F2EAF9, #B75C8A, #007C6F, #800052, #001613)
• Mulberry Workshop color palette (#F7EBFF, #F8BFB1, #BB9650, #83338D, #30090D)

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