Washed Amber color palette — #F9F1E2 · #B9992A · #227F8E · #5D4060 · #3B1D24

A conversation between Mustard and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F1E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B9992A): A luminous, balanced green — the color of fresh herbs.
• Teal (#227F8E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5D4060): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#3B1D24): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Amber Orchard color palette (#FEEEE5, #D08768, #2B826D, #434870, #371D30)
• Jade Courtyard color palette (#F2F3E4, #73AE65, #5372A4, #693E43, #3C1D15)
• Taupe Orchard color palette (#ECF9EF, #B09454, #5C6EA1, #634576, #403E5E)
• Antique Meadow color palette (#EDF8F3, #B5B57F, #459BA4, #705F8C, #57364D)
• Aged Vanilla color palette (#FFF0D3, #D2D1B3, #8E9F88, #725B5E, #543D3F)
• Washed Ash Loft color palette (#F8F0EC, #C4EAE5, #71A4C1, #3E776A, #412F41)
• Airy Ultramarine color palette (#F7F3D5, #758F00, #0F57B1, #600160, #340012)
• Mint Alley color palette (#FCF3C6, #99C075, #539563, #2B614F, #283D27)

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