Amber Garden color palette — #DCE4FA · #77D2FF · #DF6B00 · #422123 · #20171B

A conversation between Pumpkin and Sky, giving this palette its sense of trust and stability.

The five colors

• Frost (#DCE4FA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#77D2FF): A whisper-light, balanced blue — the color of open sky before noon.
• Pumpkin (#DF6B00): A luminous, vivid gold — the color of honey in a jar.
• Espresso (#422123): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#20171B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Tempered Amber Station color palette (#E5E2FF, #00CCD6, #E08C00, #462520, #27191E)
• Patina Marigold Hollow color palette (#E7EBFF, #87CCFF, #E5A400, #223E38, #212621)
• Timeworn Coral color palette (#DCEAFF, #00D39D, #FF6C59, #4A2830, #291C26)
• Airy Sky color palette (#FDE1FB, #00BBF0, #BB9200, #18331F, #0A1B10)
• Mint Loft color palette (#DCE4F9, #00E19F, #FC9E39, #524C46, #221A12)
• Lime Corridor color palette (#F4DDDF, #6BC200, #C48E00, #2B1C03, #0C0703)
• Aged Bronze color palette (#E1EBFF, #00A4B9, #A86900, #181502, #120207)
• Tempered Taupe color palette (#FAEAEF, #B59848, #5F3900, #321C00, #220F16)

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