Hushed Amber color palette — #FEF3E8 · #DCDCC6 · #BCC5A5 · #BA732B · #5D3500

Caramel and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Bone (#DCDCC6): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BCC5A5): A luminous, dusty green — the color of fresh herbs.
• Caramel (#BA732B): A luminous, balanced gold — the color of old brass.
• Cocoa (#5D3500): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Courtyard color palette (#FEF2EF, #E4D9C7, #CCC0A0, #B66F75, #4E3A35)
• Amber Coast color palette (#FEF1F5, #CADCDE, #BBBDC8, #CE7B00, #412F36)
• Worn Corridor color palette (#F5F6EE, #D3DED6, #A4B6B6, #9C9F77, #53534B)
• Tempered Olive color palette (#F7F6E4, #DCE1C9, #B3C5A0, #60851F, #34332C)
• Fern Bloom color palette (#E0DED6, #B5B798, #919A7E, #4F5900, #171405)
• Softworn Emerald Hollow color palette (#FAF6E2, #98CD75, #3D9C5E, #8D5B45, #3B3B34)
• Dusty Workshop color palette (#FDEED4, #A48200, #44491A, #30240E, #181007)
• Linen Canyon color palette (#FFF4E1, #FFC9AC, #FABA34, #7CAA00, #403700)

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