Hazy Olive color palette — #F7EDCD · #94A300 · #198D19 · #00624C · #00494B
A conversation between Kelly Green and Moss, giving this palette its sense of nature and growth.
The five colors
- Custard (#F7EDCD): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#94A300): A luminous, balanced green — the color of new leaves after rain.
- Kelly Green (#198D19): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#00624C): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00494B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Olive 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
- Tempered Mustard Villa color palette (#F0E2CD, #BBA900, #638400, #006428, #005042)
- Hushed Clover color palette (#DDE7A1, #72B85E, #008355, #005F55, #004451)
- Chalky Emerald color palette (#E7EFD3, #7CC93B, #00AA30, #007647, #004836)
- Antique Emerald Study color palette (#ECF2E3, #00995A, #005346, #003438, #00202A)
- Pale Teal color palette (#DAFFEF, #48C3A0, #007858, #004531, #002B1E)
- Hazy Lagoon color palette (#C1F3EC, #6AB996, #00877B, #006373, #304165)
- Bronze Lantern color palette (#DAFEFC, #ABE9FB, #84BEFF, #846E00, #004E44)
- Pale Amber color palette (#F8DACE, #E08B0C, #897100, #485E00, #00521B)
Browse the whole catalog at Explore, or see today's palette.