Misty Workshop color palette — #FFF0F8 · #FFAF86 · #54D2FF · #DE6300 · #004155

Pumpkin and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Melon (#FFAF86): A whisper-light, balanced orange — the color of toasted spice.
• Sky (#54D2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pumpkin (#DE6300): A luminous, vivid orange — the color of toasted spice.
• Deep Teal (#004155): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Hushed Sky color palette (#FFE7EE, #FFC785, #6BB7FF, #AD6D00, #123758)
• Rose Dune color palette (#FFEFFF, #FFAAAF, #28DCD7, #F33E5E, #004442)
• Misty Apricot Hollow color palette (#FFF1F7, #FE8C20, #00ADCF, #B35D00, #004251)
• Misty Marigold Meadow color palette (#EBF9EF, #E6CA73, #AAB9FF, #BE9A00, #383F64)
• Tangerine Field color palette (#FFE6F4, #FCB77C, #ED834D, #B5665D, #213D23)
• Faded Terrace color palette (#FFE2EF, #FF9645, #00C7A6, #A67FFF, #49260C)
• Mustard Delta color palette (#FBE9FF, #00E4CB, #F0B200, #644B11, #182B1C)
• Faded Coral color palette (#FFF1F6, #E4E4C9, #DFE278, #F0846A, #5E3F1B)

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