Olive Alley color palette — #F0F1D3 · #65C7F6 · #968CD4 · #6E7E00 · #3E2640

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

The five colors

• Custard (#F0F1D3): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#65C7F6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#968CD4): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#6E7E00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3E2640): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

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

• Airy Emerald color palette (#F7F7E2, #A3CBFB, #BB90D7, #579348, #4F3247)
• Dusty Iris Balcony color palette (#FAEDD6, #63CCDA, #7195E3, #8F7000, #003648)
• Sky Hollow color palette (#E8F6EE, #41C3E8, #BD76B4, #807000, #00313E)
• Gentle Magenta Workshop color palette (#DCEDBB, #9AA9FF, #D849C6, #008056, #31125C)
• Emerald Terrace color palette (#FDF3ED, #CFE8CC, #55C3D8, #47A069, #0B4058)
• Pale Violet color palette (#E3E4CF, #36A1E4, #8855D1, #426000, #01103F)
• Dusty Iris Delta color palette (#F7E6F1, #858DFC, #785760, #4E3245, #03100D)
• Faded Blush Summit color palette (#FFF5D6, #D5ABFF, #E87191, #008C8A, #4C244B)

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