Soft Amber color palette — #E4F2E8 · #BA9500 · #008959 · #7E6400 · #000201

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

The five colors

• Cream (#E4F2E8): a clean, paper-quiet neutral.
• Mustard (#BA9500): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008959): A full-bodied, balanced teal — the color of shallow lagoons.
• Walnut (#7E6400): A full-bodied, balanced green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Pale Moss color palette (#D8EDE6, #87A911, #008486, #5A7200, #000202)
• Muted Pier color palette (#FAE9F0, #E17C00, #6C7D00, #995200, #010200)
• Soft Aubergine color palette (#F3EAD7, #809400, #007C4E, #4A289F, #040F00)
• Patina Harbor color palette (#E4E4D1, #78A21A, #008426, #005435, #000D0A)
• Aubergine Meadow color palette (#D5EEDF, #8D7500, #006892, #630D81, #080000)
• Washed Bronze color palette (#FEE8EE, #B67100, #005F5D, #623B00, #000203)
• Weathered Olive color palette (#E0EBE6, #A0B4B8, #77A1B1, #747800, #001910)
• Moss Orchard color palette (#DBEDE8, #CFAF00, #5CB600, #009A87, #000B02)

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