Quiet Amber color palette — #ECF9EE · #F7CE82 · #97BBFD · #AA8332 · #273858

Built around Caramel, softened by Cantaloupe — the whole palette hums with optimism and balance.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Cantaloupe (#F7CE82): A whisper-light, balanced gold — the color of old brass.
• Sky (#97BBFD): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#AA8332): A luminous, balanced gold — the color of honey in a jar.
• Navy (#273858): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Balance. Tagged light.

Use it as a design system

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

• Feathered Moss Pier color palette (#E7FBF2, #D3DB96, #C0ACFB, #899138, #3B3156)
• Powdered Amber Cabin color palette (#FFF0F8, #FFC6A6, #78C5F2, #C86F37, #003D59)
• Ancient Stone Villa color palette (#E6FCEC, #BDE8E8, #D3A883, #8FB2CB, #2B4B3C)
• Ancient Iris color palette (#F9F1E5, #C39E58, #5F8BDE, #825D00, #162645)
• Turquoise Ridge color palette (#E4FDEA, #D5B86D, #2CBED2, #B27DAE, #183121)
• Aged Pewter Thicket color palette (#E9F9F4, #FAE3B3, #6D7E4D, #164136, #04130F)
• Hushed Lantern color palette (#FCF8C6, #D3C528, #7B7BEF, #766D00, #1A005E)
• Muted Olive color palette (#D7FFF7, #A0EF7F, #CF88EA, #3D8B00, #460D59)

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