Patina Petrol Station color palette — #ECF3F9 · #D7D4E0 · #B3B4D1 · #3A6892 · #18212B

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Ash (#B3B4D1): A luminous, dusty violet — the color of wild irises.
• Peacock (#3A6892): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#18212B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Grape color palette (#EEF1FF, #D4D1E4, #B6A3C4, #633AB8, #15182C)
• Timeworn Plum color palette (#F2F1F7, #E4D1DB, #CEB6CB, #914B95, #262232)
• Ancient Cobalt color palette (#F8F3F8, #E4D7DA, #CAC2B9, #5F8CC7, #342B34)
• Worn Ash Thicket color palette (#CAE7FF, #9497C9, #807094, #26534D, #00302B)
• Tempered Hollow color palette (#EAE7F1, #D2C7D6, #B898AF, #763D6B, #181320)
• Navy Hollow color palette (#E4EBF6, #AFB3C0, #8C88AD, #003E90, #050B14)
• Olive Thicket color palette (#EBF5EB, #A8A367, #4E7121, #3E4368, #0A2117)
• Lapis Chapel color palette (#E7EEFF, #5355BB, #301A3A, #060B1D, #000206)

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