Patina Amber color palette — #FFF1F6 · #D5B7FF · #B28D00 · #369F61 · #411E2D

Mustard and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#D5B7FF): A whisper-light, balanced violet — the color of a velvet chair.
• Mustard (#B28D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Kelly Green (#369F61): A luminous, balanced teal — the color of sea glass.
• Espresso (#411E2D): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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

• Wisteria Basin color palette (#FFE8EB, #D68DDB, #96AB4D, #209878, #3B1B22)
• Hazy Moss color palette (#FFF0F9, #AAA6FF, #DD942B, #6A9928, #282649)
• Moss Orchard color palette (#FFF1F0, #FFA9D0, #4EAA49, #009CA1, #441E1D)
• Quiet Summit color palette (#F1D6DD, #D392F3, #8A8000, #0D895A, #2F0D19)
• Feathered Mallow color palette (#FFF1F1, #FE89CF, #C78C00, #00896D, #142B67)
• Emerald Field color palette (#FFF4E2, #FF97E3, #E4787D, #1E923F, #512339)
• Feathered Ember Loft color palette (#F5F3FF, #D87FDF, #E36732, #007B50, #2C0A2F)
• Sunlit Blush Lantern color palette (#FFDADF, #FF91A5, #009B6E, #0087A7, #400216)

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