Hazy Olive color palette — #C8E6D8 · #858400 · #007883 · #4D4C00 · #002F34

Olive Leaf takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#C8E6D8): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#858400): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007883): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#4D4C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#002F34): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Moss color palette (#D7F7EB, #849900, #00879E, #505E00, #003D48)
• Aged Thicket color palette (#C3E9DF, #547B00, #00637F, #2A4100, #001E29)
• Cocoa Summit color palette (#E4E6D1, #6F7100, #006E5D, #7F3100, #202100)
• Dusty Driftwood color palette (#D3EADD, #898D43, #5F5700, #433600, #082B22)
• Jade Lantern color palette (#D9FEF1, #AFD293, #5CA973, #686520, #1A3E36)
• Sunlit Brick color palette (#C1E8DB, #748A00, #B23B3E, #425000, #491415)
• Patina Mint Thicket color palette (#E3FAFC, #5FC6A3, #BE8E54, #43806B, #41533F)
• Hushed Emerald color palette (#BBF5D1, #009E61, #A45A00, #005E38, #472400)

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