Misty Harbor color palette — #FFEED7 · #DCCA86 · #A2B85A · #5C9D4A · #2A5638

Built around Kelly Green, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEED7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#DCCA86): A whisper-light, balanced green — the color of fresh herbs.
• Sage (#A2B85A): A luminous, balanced green — the color of new leaves after rain.
• Kelly Green (#5C9D4A): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#2A5638): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Misty Harbor 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

• Soft Garden color palette (#C6F6E1, #B2D59B, #64BB75, #009F73, #14574E)
• Lime Loft color palette (#FCF8C7, #D5DB89, #99B000, #658033, #12443B)
• Hazy Bronze color palette (#FFEEF8, #F1BF86, #CBA13F, #918300, #485220)
• Ancient Mustard color palette (#FFDFB0, #B5A310, #6C8219, #3F5F2B, #063420)
• Quiet Emerald color palette (#D6FFF8, #C2E3AE, #8EC17E, #4B9646, #153605)
• Frosted Moss color palette (#E2E1D2, #ABC000, #56B100, #008356, #003D35)
• Airy Moss Boulevard color palette (#E6FAF5, #BCD69D, #C6AEFD, #80B12A, #483867)
• Pale Mint Meadow color palette (#DEECD7, #55DD93, #00BC91, #008A82, #00484F)

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