Hazy Canyon color palette — #EDEDDE · #8BAA3F · #127A16 · #00583B · #00423A

Olive and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EDEDDE): bright and airy, almost weightless.
• Moss (#8BAA3F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#127A16): A full-bodied, vivid green — the color of fresh herbs.
• Deep Olive (#00583B): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00423A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Canyon 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

• Powdered Pier color palette (#DFE2D4, #9BC774, #5BAB5B, #208653, #004637)
• Ancient Loft color palette (#F0DEC7, #A9931D, #6E6E00, #2B5B00, #0E4223)
• Airy Jade color palette (#D9FFF1, #50B78B, #007951, #00402F, #002A1F)
• Gentle Delta color palette (#E3E7D1, #309100, #005731, #00342B, #001C24)
• Worn Violet Meadow color palette (#D5F6F6, #2FA576, #9755C4, #006745, #422854)
• Aged Sky color palette (#E1FCF9, #ACE1EC, #69BAE8, #6C7838, #22474B)
• Teal Grove color palette (#D8ECE0, #00B195, #007B7A, #005763, #21375C)
• Hushed Chestnut color palette (#DAEEDC, #9F9868, #835B00, #67350F, #1A372F)

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