Olive Grove color palette — #E3FFD4 · #8DF7E3 · #76CDAA · #687C2B · #334F30
Built around Olive Leaf, softened by Sea Foam — the whole palette hums with nature and growth.
The five colors
- Custard (#E3FFD4): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#8DF7E3): A whisper-light, balanced teal — the color of sea glass.
- Mint Leaf (#76CDAA): A luminous, balanced teal — the color of shallow lagoons.
- Olive Leaf (#687C2B): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#334F30): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged pastel, light.
Use it as a design system
One click turns Olive Grove 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
- Mint Study color palette (#DBFFF0, #CCEEA2, #7AC88A, #7F7923, #3D4B18)
- Patina Pine color palette (#D6FFFC, #AEDFE2, #6ABCB2, #4E7B48, #1A4D4F)
- Teal Veranda color palette (#D6FCF7, #94D4B0, #1FAF96, #416715, #113B1F)
- Chalky Summit color palette (#D9FBEE, #B1F2CB, #53D5DF, #8A6500, #113114)
- Amber Canyon color palette (#FBF7D7, #B6F5EB, #5FE2ED, #B49100, #284C2D)
- Powdered Azure Grove color palette (#D9FDFF, #59E2FF, #24B1E9, #00786E, #003C44)
- Teal Thicket color palette (#E5FAFE, #00BAB1, #006D96, #00635E, #001F33)
- Feathered Cabin color palette (#F7F8DA, #B8FFCA, #48FBC4, #9EB855, #42433C)
Browse the whole catalog at Explore, or see today's palette.