Patina Petrol Lagoon color palette — #FFF1F1 · #D2A1B7 · #AF8161 · #00768B · #5E3248

Built around Teal, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#D2A1B7): A luminous, dusty rose — the color of pressed rose petals.
• Caramel (#AF8161): A luminous, dusty gold — the color of honey in a jar.
• Teal (#00768B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#5E3248): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Patina Petrol Lagoon 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

• Petrol Balcony color palette (#FFF2F0, #D69FB1, #938F50, #685E9F, #5D3442)
• Antique Petrol color palette (#FEF1F8, #ABACDA, #968E50, #3F6C9A, #284462)
• Washed Olive Atelier color palette (#FAF2F9, #C7837D, #767513, #00605F, #36425E)
• Weathered Driftwood color palette (#FFF1F5, #E7D1D0, #BCA89A, #8F7888, #5D454D)
• Worn Shell Basin color palette (#FFF2ED, #FFAFA8, #A5B079, #4B93A0, #563844)
• Muted Bronze color palette (#FFF2EE, #EAB3A2, #C38E55, #8D761C, #4E4D45)
• Shell Hollow color palette (#FCF1FE, #FFB4BF, #5EA9A4, #377488, #1F3C4D)
• Timeworn Aubergine Archive color palette (#FFF3E7, #C89A6E, #688D49, #764492, #522E00)

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