Patina Amber color palette — #ECF9EE · #ECAC9B · #A8903F · #5D6D9C · #55414A

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Melon (#ECAC9B): A luminous, dusty orange — the color of autumn markets.
• Moss (#A8903F): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5D6D9C): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#55414A): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

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

• Weathered Amber Hollow color palette (#E8FAF1, #EAA6C9, #C27F61, #417789, #504252)
• Washed Chapel color palette (#FBF2F9, #E59B8F, #649C6D, #576793, #3E3E5F)
• Wandering Cocoa Station color palette (#FFF4E2, #FFD2B8, #B1A171, #457B8D, #5A3600)
• Muted Garden color palette (#EEF8F1, #AEDDCD, #7AA97D, #857790, #3D524B)
• Amber Basin color palette (#EAF6E9, #C68F47, #426052, #313B30, #252023)
• Pale Olive color palette (#FFE7EF, #C49A46, #468A3A, #634581, #143829)
• Apricot Loft color palette (#E0FFE0, #F38900, #7D8F13, #4D449D, #45320A)
• Powder Studio color palette (#FAF3F7, #D8D5E5, #82B7E4, #54938D, #465368)

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