Quiet Amber Garden color palette — #FDF4E3 · #EDD27F · #96BBFF · #A68600 · #23375E

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

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Honey (#EDD27F): A whisper-light, balanced green — the color of a quiet forest floor.
• Sky (#96BBFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#A68600): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#23375E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Chalky Powder Study color palette (#F7F6E5, #C3E09F, #B5B0FF, #779649, #363357)
• Soft Amber color palette (#FFF2E9, #FFC6A6, #86BFFF, #C27242, #1A3A5C)
• Amber Orchard color palette (#EDF9EF, #E3C88F, #F0A2CA, #C69600, #612F4A)
• Sunlit Terrace color palette (#FFF4DF, #D3B86D, #84A9F5, #8F87CB, #36290E)
• Softworn Bronze color palette (#FFF4E1, #E9DCB4, #B29A74, #915E29, #32322B)
• Muted Harbor color palette (#EDF9EF, #C3983D, #7F7BDD, #835F00, #3E3D64)
• Hushed Veranda color palette (#F5F6EA, #E7E1B5, #608152, #393932, #101005)
• Cocoa Harbor color palette (#FFF4E1, #D5E5CA, #C1BDC9, #D1A687, #5B4800)

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