Pale Amber color palette — #FFD5DA · #FF9682 · #C86E00 · #7B5600 · #474700

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

The five colors

• Shell Pink (#FFD5DA): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9682): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C86E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7B5600): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#474700): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Chalky Bronze Meadow color palette (#FAD4CD, #E49962, #A97D00, #625C00, #304305)
• Muted Courtyard color palette (#FFE9E4, #FC7521, #AC5B00, #6C4600, #383E05)
• Linen Crimson Terrace color palette (#FFCFF0, #FB83A9, #E93147, #9D4F00, #5B3600)
• Faded Amber color palette (#FFF4DF, #E3B85D, #AE8000, #705000, #3C2400)
• Amber Corridor color palette (#FFE7F0, #C9B372, #BF7010, #9D3C33, #323A12)
• Amber Harbor color palette (#F6E0DA, #BD7600, #7F6500, #3A4200, #0A2300)
• Tempered Olive color palette (#FFF0F8, #DAB077, #A58E1E, #5C7B00, #2D573D)
• Airy Loft color palette (#FFF1F5, #F2EDA4, #7DE2C8, #EC5E6C, #4C4009)

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