Patina Petrol Station color palette — #ECF4F0 · #E6B3C0 · #226A85 · #17382B · #0E1612

Built around Peacock, softened by Ballet Pink — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Ballet Pink (#E6B3C0): A luminous, dusty red — the color of embers at dusk.
• Peacock (#226A85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#17382B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0E1612): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Hushed Petrol Quarry color palette (#F7EFF8, #E8B6A2, #3B6490, #3E2841, #171118)
• Worn Basin color palette (#EEF8F0, #D9BC81, #2B686F, #2A3E2F, #192725)
• Weathered Shell color palette (#EFF6FD, #FFBCC6, #5783A1, #3B5060, #242C33)
• Driftwood Meadow color palette (#EEF3EE, #90D1D3, #9B6FAA, #008286, #1D1215)
• Coral Market color palette (#DFF9F1, #F77E75, #004F85, #00223E, #000A07)
• Hushed Lagoon color palette (#EDF4F0, #DCD1CD, #A7A190, #628E7C, #303835)
• Washed Bronze color palette (#F2F3E5, #7AA263, #B56D50, #4D673D, #242415)
• Tempered Workshop color palette (#F6F2E4, #74B8C5, #756EB2, #555525, #1B312A)

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