Olive Coast color palette — #E2FCF6 · #97D27F · #BE8FEE · #408916 · #311C44

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

The five colors

• Ivory (#E2FCF6): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#97D27F): A luminous, balanced green — the color of new leaves after rain.
• Wisteria (#BE8FEE): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#408916): A full-bodied, vivid green — the color of a quiet forest floor.
• Deep Indigo (#311C44): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Pale Courtyard color palette (#F0F0DE, #A5CD85, #D1A4FF, #5D9B00, #41265A)
• Chalky Basin color palette (#DEFCFB, #83D4A0, #E783AE, #008B4F, #44132B)
• Airy Lilac color palette (#E2FDED, #D2C057, #979CF5, #877700, #212050)
• Misty Emerald color palette (#E4FBF9, #9EE8B6, #DFA5D3, #4B9E6A, #4D2A47)
• Aged Violet Market color palette (#EFF1D7, #61A051, #9563CD, #1C6000, #3E2A55)
• Timeworn Clover color palette (#D6FFF7, #7DB964, #BA7AC6, #9F63AA, #0B2102)
• Peony Parlor color palette (#D8FFF3, #2FDFBA, #EE348C, #007D67, #3E001E)
• Amber Terrace color palette (#DCFEF6, #BCE5E9, #C7B9BD, #B28A51, #1B4241)

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