Patina Shell color palette — #FFF2ED · #FFA99F · #B1B46B · #698D62 · #37302D

Melon and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#FFA99F): A luminous, balanced orange — the color of autumn markets.
• Sage (#B1B46B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#698D62): A luminous, dusty green — the color of new leaves after rain.
• Espresso (#37302D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Amber Archive color palette (#FEF2EC, #FFB7A7, #B6954B, #557547, #512D2C)
• Mustard Coast color palette (#FCF4E7, #DEBF7B, #71C1A7, #478F94, #35312B)
• Tempered Boulevard color palette (#FFF1F3, #ECA7E9, #98C3A1, #959F77, #4B373A)
• Hushed Meadow color palette (#FFF1F5, #D8B1F4, #DD9B8D, #A4774C, #3C2D31)
• Muted Emerald color palette (#FAF3F9, #A8C3FA, #58A05C, #0F8077, #1C2C25)
• Hazy Tangerine Basin color palette (#FFF2EA, #FD7C2F, #75A300, #007A52, #311000)
• Wandering Courtyard color palette (#F3EFFF, #B083AD, #82875C, #2C6B5F, #24202F)
• Washed Stone color palette (#FBF3F2, #DFD9D2, #BFC6BC, #CCA39C, #524B4A)

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