Hazy Terrace color palette — #E5FBF4 · #87AE3A · #8F7DC1 · #664E9D · #001A14

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

The five colors

• Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#87AE3A): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8F7DC1): A luminous, balanced violet — the color of wild irises.
• Plum (#664E9D): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#001A14): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Hazy Terrace 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 Amber color palette (#E4FDE9, #C59600, #7585C8, #4C5A9C, #001C08)
• Timeworn Pier color palette (#DFFCFC, #0ABB7B, #AA73AC, #814484, #001A1A)
• Faded Veranda color palette (#E6FBF3, #9DB243, #6D6ABF, #7C2C1E, #3A0300)
• Soft Meadow color palette (#F1EFDF, #A1B763, #7C9AF6, #B160A9, #2C2704)
• Timeworn Mustard color palette (#E9FAF1, #BBB762, #D18497, #9A5E6D, #0C2B1F)
• Mint Atelier color palette (#FBF1FF, #97C781, #008EA2, #7C3551, #002729)
• Washed Hollow color palette (#D2F1E7, #7A9122, #364AA6, #632861, #00150F)
• Orchid Harbor color palette (#E7F9FF, #00A6AE, #9D4CE6, #6F23AB, #001011)

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