Amber Alley color palette — #FEF3E8 · #E6DFB4 · #7FE3BD · #C78C47 · #444741

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

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Celadon Mist (#E6DFB4): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#7FE3BD): A whisper-light, balanced teal — the color of glacier melt.
• Mustard (#C78C47): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#444741): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Amber Alley 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 Mallow color palette (#FEF3E5, #E3E4AF, #FBB1DE, #BB9250, #5B3D3E)
• Weathered Glacier color palette (#F8F5E8, #E2EEA8, #68DEF9, #96A256, #2F4E3B)
• Antique Mint color palette (#FFF4E1, #E8C87D, #80D098, #CB908E, #3C3831)
• Weathered Driftwood color palette (#F7F5EE, #C3E2CC, #8C894A, #564400, #1E1B11)
• Bronze Meadow color palette (#FCF3EB, #E1DFC1, #CDA67F, #A26D3A, #553900)
• Apricot Corridor color palette (#FFF3E7, #FFC995, #A3CAFD, #D19C69, #5B445C)
• Feathered Emerald Ridge color palette (#F4F7E7, #AEE5AB, #6EC4FF, #4BA04B, #123C56)
• Washed Bronze Corridor color palette (#FFF3E8, #D5A47F, #7B9AC8, #9A6437, #5E425E)

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