Patina Petrol color palette — #FCF1D6 · #4DABBF · #6A619D · #504711 · #022A21

Built around Slate, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#FCF1D6): A whisper-light, dusty gold — the color of old brass.
• Cyan (#4DABBF): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6A619D): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#504711): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#022A21): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

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

• Tempered Grove color palette (#F3F4DE, #62A4D3, #805A8C, #334F25, #301A2C)
• Muted Teal color palette (#FFEEE4, #42B299, #466E98, #703118, #112917)
• Cocoa Canyon color palette (#FFF4E2, #679DCB, #64619F, #783B00, #4C344B)
• Patina Cerulean color palette (#E6F7ED, #289CB8, #944D41, #444400, #202000)
• Pale Cabin color palette (#F0EDCB, #008BBA, #6E249F, #263800, #000F32)
• Fern Archive color palette (#D9ECD6, #91C1B5, #987D87, #596117, #373C00)
• Aged Alley color palette (#E7FBF3, #6DC1C3, #7582BB, #5E6B00, #1C4257)
• Mulberry Pier color palette (#E5EDD4, #7F80CF, #90365A, #00433D, #2B0B17)

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