Muted Amber color palette — #F6F6EB · #AFC18E · #D592A1 · #C17A53 · #3A3730

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

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Pistachio (#AFC18E): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#D592A1): A luminous, balanced red — the color of a theater curtain.
• Caramel (#C17A53): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#3A3730): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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 Driftwood Loft color palette (#F2F7F0, #83C8B4, #D09C77, #9A8A3A, #363730)
• Aged Driftwood Drift color palette (#FCF4E9, #D9B88E, #BA9BCD, #B6748E, #552600)
• Pale Thicket color palette (#F3F7EA, #64BC86, #DD6950, #986400, #241F03)
• Hushed Lilac Thicket color palette (#EAF8F9, #75C3A6, #B17EC9, #895832, #142A2B)
• Ancient Driftwood color palette (#F2F8E8, #A4DAF0, #8AB3D9, #A27BAD, #364E44)
• Chestnut Alley color palette (#ECF8F4, #77AFD1, #8182B5, #97503D, #343C00)
• Hushed Powder color palette (#E9F5EF, #80C1DF, #67827A, #445A50, #1D241F)
• Olive Orchard color palette (#DAF5E0, #00B9C9, #A47E00, #5E7900, #001E16)

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