Olive Alley color palette — #F1DEE5 · #C67300 · #257800 · #804800 · #000202

Built around Olive, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F1DEE5): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#C67300): A luminous, balanced gold — the color of old brass.
• Olive (#257800): A full-bodied, vivid green — the color of new leaves after rain.
• Bronze (#804800): A full-bodied, balanced gold — the color of honey in a jar.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Amber Ridge color palette (#E4F4E9, #A38800, #00765B, #685600, #000203)
• Bronze Garden color palette (#EDDFCB, #958000, #5F6300, #264600, #000702)
• Muted Terracotta Harbor color palette (#F7E4F2, #DF5844, #756300, #A41200, #000201)
• Dusty Cabin color palette (#DEF4E2, #947600, #3F6700, #002F8C, #040400)
• Worn Mustard color palette (#D6E9DF, #B4AF33, #00987E, #7F7A00, #000503)
• Weathered Chestnut Harbor color palette (#D9E4DB, #8EA6A5, #708D91, #7E5D00, #020C04)
• Powdered Aubergine Thicket color palette (#F9E5EC, #8C5700, #006271, #390790, #070001)
• Dusty Alley color palette (#F7E8DF, #B75D38, #00491E, #4C1800, #000200)

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