Hazy Terrace color palette — #E2FCF7 · #5BCC52 · #FF3855 · #A46100 · #002B1D

Built around Scarlet, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Ivory (#E2FCF7): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#5BCC52): A luminous, vivid green — the color of a quiet forest floor.
• Scarlet (#FF3855): A luminous, vivid red — the color of a theater curtain.
• Ochre (#A46100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002B1D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged jewel, vibrant.

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

• Amber Garden color palette (#E8F9FC, #4DC5B4, #D77F00, #8E8218, #19312F)
• Timeworn Magenta color palette (#E5FCED, #CBA800, #E049D0, #D82E4C, #341523)
• Washed Ember color palette (#F5F3FF, #E683FC, #FA551E, #A57200, #00271E)
• Timeworn Garden color palette (#E4FAFF, #00A9A3, #C90082, #635400, #002B34)
• Olive Orchard color palette (#E0F6FF, #00B7C5, #A88000, #557700, #001C14)
• Gentle Bronze Delta color palette (#C7E7EC, #00A38C, #9D5600, #655900, #000B02)
• Misty Basin color palette (#E1FDF1, #00ADD7, #CE1146, #931332, #021200)
• Misty Lantern color palette (#E2E8FF, #9F83FF, #E93075, #A34700, #161000)

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