Patina Coast color palette — #FFF1F3 · #FFD1D8 · #D993B1 · #9F6574 · #69473E

Mauve and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FFD1D8): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#D993B1): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#9F6574): A full-bodied, dusty red — the color of embers at dusk.
• Coffee (#69473E): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

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

• Ancient Mallow color palette (#FFF0FA, #E8D4EE, #C2ABE8, #8B6B98, #604045)
• Peony Lagoon color palette (#F5F3FF, #DA9EC9, #C16C92, #8E5061, #624C63)
• Muted Cocoa Archive color palette (#FFF2EE, #E9D6C8, #E5A187, #A67658, #714200)
• Antique Stone color palette (#FFF2EE, #E5D8D4, #DF9FA6, #955C64, #431C21)
• Washed Peony color palette (#EEEFFF, #DEABDC, #C66B95, #87464A, #41283A)
• Taupe Field color palette (#FFF2F0, #F8D2CC, #8ADECD, #C68399, #384D2D)
• Rust Corridor color palette (#FFD0E0, #FF8A9C, #C83E3F, #801E00, #3E1700)
• Softworn Ember color palette (#FFF1F3, #FFB4B0, #DB6B54, #8E3900, #3F1F00)

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