Muted Amber color palette — #F3D7D2 · #B2874A · #586939 · #314060 · #131E34

Caramel takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F3D7D2): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#B2874A): A luminous, balanced gold — the color of honey in a jar.
• Olive (#586939): A full-bodied, dusty green — the color of new leaves after rain.
• Navy (#314060): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#131E34): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Muted 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

• Tempered Summit color palette (#EBDEF6, #BE8378, #7E6741, #163E5D, #0D1B3D)
• Moss Pier color palette (#F1E1C9, #87984F, #3A6F5D, #3C3456, #2D1430)
• Fern Orchard color palette (#DBE9DC, #97912D, #396200, #3E3250, #00170D)
• Hushed Taupe Quarry color palette (#FFD5CA, #BFA06C, #538179, #3F4A6B, #272D40)
• Basalt Canyon color palette (#F9E9F6, #B88F7A, #6C653B, #533565, #442238)
• Amber Parlor color palette (#F4D8C8, #B67500, #6A4E00, #343500, #121E00)
• Tempered Thicket color palette (#FFF0E1, #D5BC7C, #969365, #2B6555, #20361D)
• Ultramarine Corridor color palette (#EAE4CF, #7F6900, #314CCE, #563983, #0F0A00)

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