Olive Courtyard color palette — #E4FAFF · #D3D9F0 · #B3A3FF · #288C19 · #10515C

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

The five colors

• Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Powder Blue (#D3D9F0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#B3A3FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#288C19): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#10515C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Pine Basin color palette (#E7F9FF, #C9E2FF, #CCA1E3, #167D50, #2A435A)
• Gentle Olive Studio color palette (#D4FFFC, #BCE4FF, #9CC0FF, #817B00, #0E4C45)
• Tempered Teal color palette (#E6F9FF, #CDDBEE, #A1C7FF, #00AA8E, #2A4E5E)
• Worn Alley color palette (#DFFAE3, #CBE2FF, #9CC2FF, #007E6C, #07311D)
• Tempered Orchid color palette (#D8EDF9, #9FB9F3, #AD66BC, #006155, #002542)
• Washed Blush Atelier color palette (#EAF5FF, #DACAFF, #FB719C, #007883, #35326C)
• Mint Canyon color palette (#E4FEDF, #DEE7FA, #E0C5E5, #8DBD84, #0E505D)
• Raspberry Balcony color palette (#CBE5FC, #A5A2E7, #B54D86, #004848, #0F0F41)

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