Sunlit Amber color palette — #FFF2ED · #FFB585 · #BA7400 · #775700 · #3D3300

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FFB585): A whisper-light, balanced gold — the color of old brass.
• Mustard (#BA7400): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#775700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3D3300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Sunlit 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

• Washed Field color palette (#FFF3E5, #DAC594, #AC8045, #874301, #2B2000)
• Gentle Moss Harbor color palette (#FFF3E5, #DEBC6A, #A49100, #565A00, #233300)
• Feathered Amber color palette (#F7D9C6, #D58100, #805900, #3D3000, #120F00)
• Gentle Ember color palette (#FFF1F2, #FE9F9D, #DC6449, #873F00, #472400)
• Soft Harbor color palette (#FFF3E7, #FDCE90, #C19C2C, #786E00, #414812)
• Pale Amber Veranda color palette (#EDD9D8, #FC9A6D, #DA7F00, #867300, #3B451B)
• Periwinkle Basin color palette (#FEF3E6, #E7B56E, #67A8FE, #9E6A00, #002655)
• Tempered Amber color palette (#FFF3E3, #BDFFEA, #DAE2C7, #CE884D, #33302A)

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