Faded Olive color palette — #FFF1F6 · #B8A242 · #4E7717 · #4C4B76 · #204330

Olive and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Gold (#B8A242): A luminous, balanced green — the color of fresh herbs.
• Olive (#4E7717): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#4C4B76): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#204330): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Misty Pine color palette (#E9FBEC, #96AF51, #007E49, #694160, #164438)
• Tempered Moss Cabin color palette (#F2DEE6, #9F8C00, #3B6120, #323C5A, #103021)
• Olive Delta color palette (#F9F1E1, #B4AA5F, #6E701C, #6E3944, #262100)
• Moss Drift color palette (#E3FDEA, #C7BD78, #898C2C, #8C5861, #433B00)
• Olive Drift color palette (#E2F5E5, #6C860D, #00532F, #37234E, #002119)
• Powdered Emerald Coast color palette (#D2F4E7, #00AD65, #006864, #5D3152, #02381D)
• Lagoon Pier color palette (#E9F9F5, #9DCBCD, #528C90, #6B6175, #3C5253)
• Softworn Coast color palette (#FFF3E7, #DBCF96, #94B256, #8180C4, #453A00)

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