Worn Amber color palette — #F2F7F2 · #BADCB9 · #5DAD97 · #B87F23 · #203133

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

The five colors

• Ivory (#F2F7F2): bright and airy, almost weightless.
• Pistachio (#BADCB9): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#5DAD97): A luminous, balanced teal — the color of sea glass.
• Mustard (#B87F23): A luminous, balanced gold — the color of old brass.
• Deep Forest (#203133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Washed Teal color palette (#FAF4ED, #DFDFCD, #77BFAB, #B69365, #1B2017)
• Amber Archive color palette (#FAF3F7, #F7C4AF, #84A778, #C57452, #21322F)
• Dusty Summit color palette (#F0F7F4, #ACDECE, #5EA6C6, #7E9925, #223039)
• Dusty Pine Field color palette (#E2FEE3, #D2D0A2, #87AA77, #048257, #004F4C)
• Misty Lantern color palette (#EBF9F0, #D4BA53, #00999E, #8D7600, #00212A)
• Ancient Pewter color palette (#FFF0F7, #CABE8E, #69A17A, #8F5987, #334E45)
• Hushed Taupe color palette (#F0F7F3, #D3DCDD, #ACB2BD, #A49E66, #4D5550)
• Mustard Coast color palette (#E0F0E7, #AFA949, #007F99, #6C6600, #000F19)

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