Amber Study color palette — #FFF1F0 · #FFB199 · #D17D00 · #725F00 · #393E00

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFB199): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#D17D00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#725F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#393E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber Study 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 Market color palette (#FFF2ED, #FBBA77, #B18F00, #5C6500, #1A3200)
• Feathered Amber Workshop color palette (#FADCCE, #C68000, #696100, #294100, #001002)
• Frosted Grove color palette (#FFF0F9, #FFB4C2, #FE6333, #9A5400, #4D3500)
• Quiet Amber Workshop color palette (#FFE3D8, #FFA25D, #DB8800, #A97900, #4B3F00)
• Dusty Amber Veranda color palette (#FFF5D8, #FFD57D, #B99100, #604F00, #1D1300)
• Chalky Tangerine color palette (#ECDAD3, #F17A04, #915900, #624600, #2C2300)
• Feathered Archive color palette (#E9FBE8, #DBD28F, #C48204, #A33506, #1C2E05)
• Worn Workshop color palette (#ECDEC8, #A28800, #4C6100, #022F04, #000201)

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