Hazy Terrace color palette — #FFDDCE · #F5221D · #008284 · #920506 · #001A1B

A conversation between Scarlet and Garnet, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#FFDDCE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Scarlet (#F5221D): A luminous, vivid orange — the color of toasted spice.
• Teal (#008284): A full-bodied, balanced teal — the color of glacier melt.
• Garnet (#920506): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#001A1B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Weathered Ember color palette (#F9E8DD, #D65C00, #007F94, #7C3300, #001A20)
• Feathered Peony Thicket color palette (#FDE4EE, #DB4192, #00856D, #8A0055, #001B15)
• Scarlet Coast color palette (#FFDBD4, #DE4B38, #597E00, #950A00, #233400)
• Rust Chapel color palette (#F9DFD9, #CC2C00, #00727E, #295077, #220200)
• Dusty Brick color palette (#F6DBF2, #FF6360, #009EAD, #C60021, #00353A)
• Soft Cobalt Chapel color palette (#FFEEE2, #EF8949, #1E74CF, #8F4200, #002044)
• Bronze Workshop color palette (#FDEEE6, #E3A18C, #66A8B5, #A55A43, #163924)
• Frosted Boulevard color palette (#FFD3C5, #FF6A3A, #9E3400, #511600, #120100)

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