Hushed Amber color palette — #F9DFD3 · #CC9210 · #778600 · #006834 · #001C1C
A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F9DFD3): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#CC9210): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#778600): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006834): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#001C1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Amber Chapel color palette (#FBD7D7, #E1803B, #A37800, #4D6400, #00190D)
- Moss Loft color palette (#FBEDD1, #9B9100, #507100, #00470E, #002012)
- Emerald Grove color palette (#EBE3D5, #A1A227, #00983A, #005F5A, #001A25)
- Soft Aubergine color palette (#F9E1CF, #D96D11, #008858, #82008E, #210A00)
- Patina Olive color palette (#E9E4C8, #708400, #134D3A, #1A2100, #030100)
- Sunlit Archive color palette (#F7E8CF, #BBBC00, #00B261, #007D73, #002F3D)
- Emerald Summit color palette (#EEE8C6, #46973B, #006F56, #003F47, #00040B)
- Hushed Bronze Veranda color palette (#F2EEE6, #BBC2B7, #92B29D, #9F7A00, #271E0C)
Browse the whole catalog at Explore, or see today's palette.