Sunlit Amber color palette — #FFF1F2 · #FFB3A0 · #E07400 · #865900 · #352C00

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB3A0): A whisper-light, balanced orange — the color of toasted spice.
• Tangerine (#E07400): A luminous, vivid gold — the color of old brass.
• Ochre (#865900): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#352C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Studio color palette (#EDDDD6, #FFA170, #E77E0F, #A6651C, #4E320A)
• Worn Amber Coast color palette (#FFF3E8, #E1C38D, #B97941, #7D483B, #292007)
• Misty Ember color palette (#FBE0D9, #E66200, #955800, #4A3900, #121000)
• Wandering Quarry color palette (#FFF0F7, #FF9FB4, #E75245, #953608, #472500)
• Sunlit Amber color palette (#FFF2EC, #FBB95D, #B28D00, #605E00, #223409)
• Washed Studio color palette (#FFF2EB, #FFC89F, #D99E00, #7B6500, #44433C)
• Wandering Bronze Delta color palette (#FFE8DB, #B47400, #624D00, #252500, #030500)
• Pale Azure color palette (#FFF3E5, #FFC072, #00A6D9, #A26800, #002C3D)

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