Hushed Amber color palette — #EDF9EF · #A88730 · #2A7355 · #6D3A42 · #3D2F36

Built around Mustard, softened by Pine — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Mustard (#A88730): A luminous, balanced gold — the color of honey in a jar.
• Pine (#2A7355): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#6D3A42): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#3D2F36): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Dusty Moss color palette (#ECF9F4, #7A952B, #007377, #6D3D2C, #2B3C30)
• Timeworn Courtyard color palette (#FFF1F9, #C86D45, #5C6C35, #624665, #392E3B)
• Patina Petrol Bloom color palette (#E8F6EE, #9C9557, #34779F, #5A416A, #24171F)
• Antique Taupe Grove color palette (#E7FBF1, #95B46C, #5A8361, #3B5E71, #354D49)
• Garnet Study color palette (#E2FDF0, #6C6B00, #00615B, #6B0302, #2D1D00)
• Weathered Emerald color palette (#E6F6F3, #489042, #254342, #1E2C2A, #0F1618)
• Worn Quarry color palette (#EEF8F4, #CFDEE1, #AAADBB, #608D7D, #4C5551)
• Taupe Pier color palette (#FBF4E6, #B6A862, #6093B0, #7A5B84, #542600)

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