Patina Amber color palette — #FFF1F4 · #CF9DE6 · #B89400 · #008C8F · #392028

Built around Mustard, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#CF9DE6): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B89400): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#008C8F): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#392028): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Ancient Amber color palette (#FDF1F7, #BBABF9, #E37E00, #329267, #3A2531)
• Washed Mustard Grove color palette (#FFF1F3, #E7A0EF, #BB9E00, #0089B3, #133C55)
• Tempered Moss color palette (#FFF1F1, #FFA3D7, #70A233, #4588B4, #382525)
• Coral Delta color palette (#FBF5E3, #E6B2EB, #E58683, #0092A5, #4E3636)
• Frosted Fuchsia color palette (#FFE6EA, #F276FF, #798600, #00779B, #220825)
• Hushed Fuchsia color palette (#FFF1F3, #DF85DE, #C1714D, #2B5F89, #24121B)
• Dusty Dune color palette (#EEF6FF, #5098DB, #678E21, #006F58, #172D38)
• Frosted Emerald color palette (#FFF2EA, #F4905E, #00A872, #5371C7, #2E190D)

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