Hushed Amber color palette — #FFF1F1 · #FF9E80 · #C57F00 · #675400 · #262D00
Mustard and Melon set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#FF9E80): A luminous, balanced orange — the color of toasted spice.
- Mustard (#C57F00): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#675400): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#262D00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Moss Study color palette (#FFF2EB, #FAB55C, #A38E00, #4E5F00, #1B3D20)
- Amber Quarry color palette (#FEEBE4, #FFA05F, #D88900, #956708, #483B00)
- Ember Quarry color palette (#FFF0F9, #FFB4BA, #E45619, #7F4400, #392700)
- Wandering Amber Loft color palette (#FFF3E6, #D4C98C, #B97A21, #824434, #24220A)
- Quiet Amber color palette (#FFE0DB, #E17000, #835D00, #3F3B00, #0A0F00)
- Amber Atelier color palette (#FFE6D9, #B17C00, #5E5000, #202800, #000200)
- Patina Amber color palette (#FFF4DF, #F3D475, #B28300, #594900, #120A00)
- Frosted Sky Pier color palette (#FEF4E0, #DABD5D, #0FB4F3, #8E7300, #002C3F)
Browse the whole catalog at Explore, or see today's palette.