Patina Petrol color palette — #E8F5F0 · #E9D6D9 · #DCB2BE · #0073A5 · #162A23

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F5F0): a clean, paper-quiet neutral.
• Silver (#E9D6D9): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#DCB2BE): A luminous, dusty rose — the color of strawberry cream.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#162A23): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Patina Petrol 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 color palette (#F9EEF5, #E8D1CB, #E1B2AC, #6261AA, #2C2128)
• Petrol Courtyard color palette (#EBF9F4, #F2D9DF, #CEB3C2, #266FA6, #34443F)
• Worn Denim color palette (#E2ECE9, #D8C5D0, #C0979F, #08598E, #0C1915)
• Patina Azure color palette (#F1F6FB, #DADAE4, #B9AEB7, #5498D0, #293743)
• Antique Driftwood Balcony color palette (#F7EFF1, #DED6D0, #B1B2A3, #A07481, #3C3436)
• Navy Market color palette (#F0E7EE, #C3ACB3, #A88282, #283B88, #11070F)
• Airy Station color palette (#E5F7E9, #0094A2, #AA003C, #1B4400, #081E00)
• Dusty Olive color palette (#FFEEE2, #BFA468, #617500, #5B3D70, #2D1D00)

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