Misty Garden color palette — #FFF0FA · #FB4A14 · #583018 · #220C1D · #040003

A conversation between Pumpkin and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Pumpkin (#FB4A14): A luminous, vivid orange — the color of autumn markets.
• Cocoa (#583018): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#220C1D): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Softworn Terrace color palette (#FFF1F5, #CC7D00, #4D380A, #250B16, #050002)
• Aged Field color palette (#FCF1FF, #F93A83, #5C2A2E, #1D0E22, #030006)
• Chalky Coral Drift color palette (#EFD7E9, #FB6F54, #816039, #5E352C, #180C1C)
• Inked Brick color palette (#FFE2D3, #C42100, #3D2300, #200800, #090201)
• Velvet Chestnut color palette (#FFE1EA, #865200, #3E4300, #1B1000, #040001)
• Patina Clover color palette (#FFF3E2, #E49F00, #4FB850, #D4536C, #2F1E00)
• Timeworn Bronze color palette (#F7F0BC, #8E7F00, #2A2E00, #1A2128, #0A0700)
• Washed Workshop color palette (#EBF9F3, #B0B55D, #465954, #1F2F28, #0A110D)

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