Olive Lagoon color palette — #F6F6E9 · #5C7E2A · #446213 · #13447B · #332310
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Olive Leaf (#5C7E2A): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#446213): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#13447B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Espresso (#332310): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Olive Lagoon 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
- Softworn Alley color palette (#F3F7E9, #2C8849, #00696C, #004664, #3A2217)
- Antique Amber color palette (#FFF3E8, #C38A49, #487747, #4F4672, #403D36)
- Bronze Studio color palette (#FEF4E3, #9B7B0B, #725900, #004E50, #402420)
- Frosted Aubergine Grove color palette (#E7F1D6, #007446, #00502F, #2A008C, #271500)
- Forest Summit color palette (#FFEEEA, #D7A874, #7F7D37, #1E6130, #004A3F)
- Misty Aubergine Hollow color palette (#EAFBE7, #00756F, #005E5A, #570879, #1C2400)
- Muted Olive Veranda color palette (#EAE4D4, #797505, #2D3800, #241F0F, #0E0D05)
- Aubergine Coast color palette (#FBEEF2, #AE7842, #006472, #382883, #190C1B)
Browse the whole catalog at Explore, or see today's palette.