Sunlit Amber color palette — #FBDAD6 · #FFA581 · #D88B00 · #87741A · #344215

A conversation between Mustard and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBDAD6): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFA581): A luminous, balanced orange — the color of autumn markets.
• Mustard (#D88B00): A luminous, balanced gold — the color of old brass.
• Walnut (#87741A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#344215): 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

• Worn Tangerine color palette (#F2D6E0, #FF93A1, #ED7647, #9C6927, #473406)
• Pale Marigold color palette (#FEDAC8, #FAAA20, #ABA200, #668A42, #1B4A31)
• Soft Veranda color palette (#FFF2EA, #FFBA7F, #CE821A, #754C00, #3B2800)
• Ancient Parlor color palette (#F0DBD0, #B57C00, #767000, #385500, #001908)
• Tempered Amber color palette (#DAEFD8, #CFC382, #C49357, #9C6C5F, #193730)
• Feathered Loft color palette (#FFF1C1, #EACE56, #C6990D, #87711E, #2A1D00)
• Mustard Harbor color palette (#E3F4E5, #F4B109, #6EB5FF, #BB8700, #12375A)
• Softworn Apricot Grove color palette (#ECE1C0, #76CAFF, #FE9C41, #5D454F, #261E21)

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