Patina Petrol Station color palette — #E9FBEC · #1DA8C9 · #3B68B2 · #733C33 · #2C404E

Royal Blue and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#1DA8C9): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3B68B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#733C33): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal (#2C404E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Patina 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 Alley color palette (#ECF9EF, #88ABD4, #796BAC, #794E25, #3E4859)
• Muted Pier color palette (#FFECF3, #14B1B7, #5C669E, #613D19, #0A2635)
• Washed Teal color palette (#E9FBEC, #4BAB90, #007788, #6C3A5A, #1F434A)
• Mulberry Summit color palette (#ECF7FE, #2795BC, #88438F, #6B3A00, #0E4329)
• Dusty Aqua Loft color palette (#FFF3E6, #3BC8C8, #6F82C5, #83592A, #264436)
• Hushed Thicket color palette (#F1F7F2, #BCE3F5, #4695B4, #00716A, #304B61)
• Timeworn Parlor color palette (#FBE2AE, #0084C8, #4D00DA, #5A2800, #072852)
• Frosted Sky color palette (#ECF7FF, #87F4FF, #4CC5FE, #7282D3, #2A4056)

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