Patina Amber color palette — #FFF1F1 · #F9C094 · #AE9200 · #4A6000 · #002717

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Cantaloupe (#F9C094): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#AE9200): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#4A6000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002717): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Patina Bronze Grove color palette (#F4DDD2, #A58200, #405A00, #002316, #000201)
• Weathered Amber Orchard color palette (#FFF1F7, #FFB6B5, #C87A34, #655600, #142600)
• Softworn Moss color palette (#FFF2EC, #DBC583, #73962C, #00693B, #002827)
• Marigold Workshop color palette (#FAE1CC, #CD9700, #776700, #374100, #0B1F00)
• Antique Courtyard color palette (#FFF2ED, #FCDAA7, #9EA750, #00833C, #003732)
• Amber Bloom color palette (#F5DAD7, #D0852E, #6C6100, #083502, #000504)
• Moss Lantern color palette (#FFDFC8, #E6BA70, #B2A000, #718300, #1B3900)
• Nightshade Lantern color palette (#FFF1F6, #F59D7C, #798635, #553C96, #321C00)

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