Misty Garden color palette — #FFD0D9 · #FF4D5B · #B74800 · #763E00 · #3B4106

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

The five colors

• Shell Pink (#FFD0D9): A whisper-light, dusty red — the color of a theater curtain.
• Scarlet (#FF4D5B): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#B74800): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#763E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3B4106): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

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

• Sunlit Alley color palette (#FAE8EF, #F8646A, #BE4900, #663C00, #322500)
• Tangerine Orchard color palette (#FFD1D4, #FFA59B, #FF7439, #C46600, #593400)
• Frosted Ember Veranda color palette (#F6D6E5, #FF8492, #D65F00, #865100, #523E00)
• Timeworn Apricot color palette (#FFDED7, #EF8600, #9A6500, #655000, #20491D)
• Amber Drift color palette (#FFE6F4, #D5892A, #A64A18, #733135, #1E3D28)
• Ember Hollow color palette (#FFF0F8, #E76900, #008AB7, #934000, #004158)
• Powdered Peony Meadow color palette (#FEE8F9, #FF4FA5, #CD1B4C, #8B1919, #662805)
• Rust Courtyard color palette (#FFE5D7, #C45F00, #007EA1, #0065A0, #482711)

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