Faded Pine color palette — #FAF0E5 · #E09600 · #00812F · #7C5100 · #080A00

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

The five colors

• Cream (#FAF0E5): bright and airy, almost weightless.
• Mustard (#E09600): A luminous, balanced gold — the color of old brass.
• Olive (#00812F): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#7C5100): A full-bodied, balanced gold — the color of old brass.
• Ink (#080A00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Faded Pine 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

• Faded Tangerine color palette (#FFF1F7, #F07F09, #007758, #834200, #002224)
• Mustard Study color palette (#F6F2E5, #B5AC00, #007C74, #635E00, #010D00)
• Dusty Tangerine Basin color palette (#FFEEE4, #FE7C46, #6C7100, #993700, #0D0900)
• Washed Amber Meadow color palette (#EAE4DA, #B28600, #006543, #5A4200, #010300)
• Wandering Bloom color palette (#EEF9ED, #F9A80B, #00A05F, #A16B00, #002322)
• Airy Pine color palette (#FFF0D8, #A29300, #17760F, #273286, #1B1F00)
• Mustard Lantern color palette (#FFE398, #AEAC23, #637F00, #004E15, #002415)
• Muted Bronze color palette (#F6F1E7, #D2D9CB, #C0C2A6, #7F6900, #2B2417)

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