Pale Amber Garden color palette — #EFF6FF · #779FEA · #AA8400 · #3E63AB · #294B34

Mustard takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#779FEA): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#AA8400): A luminous, balanced gold — the color of honey in a jar.
• Slate (#3E63AB): A full-bodied, balanced violet — the color of wild irises.
• Forest (#294B34): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Pale Amber Garden 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 Study color palette (#EFF6FF, #829FDA, #CA6D3A, #4061AF, #5D3824)
• Periwinkle Alley color palette (#FBEDF9, #7BA1F7, #AF8635, #4461A6, #372300)
• Faded Bloom color palette (#F1F5FF, #8F99E2, #559E3D, #545AB2, #144C45)
• Hazy Canyon color palette (#EFF6FF, #95B6FF, #C99D41, #647FB9, #533F15)
• Cerulean Summit color palette (#ECF7FF, #1F93CA, #887E00, #517531, #253B4A)
• Amber Station color palette (#E7F9FF, #43B1BA, #C76F31, #00747B, #5E381F)
• Wandering Shell Lantern color palette (#EDF6FF, #DED7E4, #FBA7B9, #46878C, #424B62)
• Dusty Bronze color palette (#FFF0F8, #BFA275, #9B6342, #6F4346, #2F4239)

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