Amber Alley color palette — #F9E8F9 · #99C3FF · #CE6E38 · #89872E · #321E33

Coral Clay and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E8F9): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#99C3FF): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#CE6E38): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#89872E): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#321E33): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Amber Quarry color palette (#FFF0FC, #8EA3FF, #D56A14, #668337, #112517)
• Sky Coast color palette (#DCF5EC, #3CB7FE, #E2816C, #948242, #0F2D24)
• Washed Veranda color palette (#E9DEFF, #C6A2FF, #9D8000, #009157, #26143D)
• Antique Powder color palette (#FFF0FA, #AAB2FF, #CFA56C, #81996C, #3F2C39)
• Wisteria Atelier color palette (#FCECD5, #BBACFF, #C478BA, #807624, #442631)
• Hazy Canyon color palette (#EEF6FF, #4EA4EF, #9C8A39, #705F00, #00162C)
• Quiet Wisteria color palette (#FFE7EF, #C58EFF, #B4A130, #579268, #371D27)
• Gentle Iris color palette (#ECD8E8, #7498FF, #9C5800, #626900, #1A0317)

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