Hushed Amber color palette — #FDF4E8 · #E4E1B3 · #BBC9FF · #C88C30 · #583C50

Mustard and Lilac Frost set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Celadon Mist (#E4E1B3): A whisper-light, dusty green — the color of fresh herbs.
• Lilac Frost (#BBC9FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mustard (#C88C30): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#583C50): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged light, 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

• Timeworn Amber Harbor color palette (#FAF4EC, #DFE5B7, #88D8F8, #BC923C, #284F3E)
• Patina Basin color palette (#F5F6EB, #CDF2C7, #D4BFFF, #66AE5C, #5E394A)
• Patina Basalt Field color palette (#FDF4E7, #D6E2C4, #C4AA85, #9E6D56, #424200)
• Mustard Atelier color palette (#FAF0E1, #D3AD61, #7A9ED0, #8B6C2B, #3E283E)
• Hushed Harbor color palette (#FBF5E3, #D0D097, #94BFED, #70A6DF, #3A3831)
• Hushed Fern color palette (#F5F6EF, #E2DED0, #768F64, #4B4900, #1C1C0D)
• Misty Corridor color palette (#FDF5DB, #DDDE53, #9096EF, #848400, #261C70)
• Quiet Fuchsia Loft color palette (#FBF5E1, #C0C677, #D581DD, #797C00, #3F0F44)

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