Patina Amber color palette — #F9F2FF · #FFC8D3 · #F0A296 · #C67F57 · #67434F

Caramel and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Shell Pink (#FFC8D3): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#F0A296): A luminous, balanced orange — the color of autumn markets.
• Caramel (#C67F57): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#67434F): A full-bodied, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Bronze Terrace color palette (#FFF2EE, #EAB2AF, #D5887C, #A95B46, #514A46)
• Wandering Hollow color palette (#FFF0F7, #FDD0E8, #E8AD8E, #B87750, #552B17)
• Worn Amber Drift color palette (#FFF0FD, #FFCDBA, #E4A975, #B98637, #315944)
• Timeworn Coral Balcony color palette (#FDF1FA, #FFC5B9, #89D3F2, #F18672, #215467)
• Timeworn Tangerine color palette (#FFE7E7, #FFA391, #F67F1B, #B07100, #563E00)
• Amber Grove color palette (#F8DCDB, #F2885E, #CA6D00, #865E00, #322A00)
• Tempered Moss color palette (#FFE0EC, #E9C089, #BDA339, #898E15, #394D1E)
• Washed Aqua color palette (#FFF0F9, #EEB9A4, #6CCDE7, #80A5E2, #513A48)

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