Hushed Amber color palette — #FDF3ED · #C7856D · #5D7A4F · #265A72 · #5B363D

Caramel and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Caramel (#C7856D): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#5D7A4F): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#265A72): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5B363D): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Muted Taupe color palette (#FFF1F0, #C4809D, #806F3F, #00615A, #56374B)
• Aged Corridor color palette (#FFF2EB, #CBBCAB, #958D73, #61766A, #584657)
• Washed Denim color palette (#FCEFE7, #C38E79, #94673C, #004E86, #3C1F09)
• Soft Moss color palette (#FBF5E4, #908D33, #00736E, #36437C, #56243A)
• Feathered Forest Canyon color palette (#FFF3E7, #B46800, #006D27, #004661, #481258)
• Muted Station color palette (#F5F4FE, #C4A3D1, #739964, #7E5790, #4F385A)
• Washed Archive color palette (#F9F4EE, #CAE5E0, #67A3B7, #437A70, #315246)
• Dusty Studio color palette (#FEF1F9, #F8B59C, #96B66A, #3495A9, #3D3F60)

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