Olive Studio color palette — #E4F7F3 · #88B17D · #A47BB4 · #3D742A · #351A3F

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

The five colors

• Ivory (#E4F7F3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#88B17D): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#A47BB4): A luminous, balanced pink — the color of peonies in June.
• Olive (#3D742A): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#351A3F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Quiet Cypress color palette (#E2F6F7, #5EB896, #BD748D, #007757, #411627)
• Sunlit Courtyard color palette (#DFF9ED, #A8AA54, #7D87CC, #696900, #1A2644)
• Pale Emerald color palette (#F6F6E9, #9FC48E, #C68CD0, #469700, #56325C)
• Pine Alley color palette (#E2FCF8, #7DAE7B, #4292C3, #0E7B18, #0F4766)
• Emerald Lagoon color palette (#D7FBF6, #59A15A, #9A6AA8, #8C5487, #022421)
• Bronze Thicket color palette (#FFECF2, #BDA97D, #916C49, #6B3F31, #10281E)
• Hazy Plum color palette (#D0F5DF, #28AF76, #AB0087, #005B39, #2D0021)
• Cypress Hollow color palette (#E5F5F9, #D7A78B, #02625F, #002D36, #030F12)

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