Olive Lagoon color palette — #FFF4E2 · #C49C3B · #577700 · #003D80 · #161300
A conversation between Olive and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#C49C3B): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#577700): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003D80): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#161300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.
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
- Ancient Field color palette (#FFF4E2, #DB8D57, #7F6900, #00475A, #1D0E00)
- Navy Studio color palette (#FFF4E2, #CAB75F, #578F3E, #2E499D, #222400)
- Frosted Lantern color palette (#FFF4E2, #9BAC45, #007F4E, #421899, #081700)
- Faded Navy color palette (#FEF4E1, #AE8E00, #007463, #00209C, #1E0011)
- Weathered Villa color palette (#FFEBCC, #928F00, #006725, #23007F, #030500)
- Tempered Dune color palette (#C3E9CB, #957100, #3E5600, #003169, #052C1B)
- Tempered Corridor color palette (#FCDEE8, #AA6600, #115D08, #2D1A62, #130E00)
- Apricot Archive color palette (#F3D9C0, #F38E00, #4D9E30, #6857A4, #2E2300)
Browse the whole catalog at Explore, or see today's palette.