Misty Workshop color palette — #DDFFE8 · #F7AB00 · #AA8E00 · #667300 · #312D00

Saffron and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#F7AB00): A luminous, vivid gold — the color of honey in a jar.
• Mustard (#AA8E00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#667300): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#312D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Powdered Garden color palette (#D9FFF3, #CABE00, #8CAB00, #008D28, #1F3300)
• Amber Atelier color palette (#FFF1F7, #FF9874, #D77600, #926B00, #422400)
• Weathered Ridge color palette (#DCFCE1, #FFA07C, #C69700, #00862B, #101200)
• Antique Moss Lagoon color palette (#EFF3D0, #8EA100, #537300, #2A4E00, #00362A)
• Pale Study color palette (#FFF4E0, #FFBEAA, #D5A300, #00AC4A, #302F00)
• Bronze Orchard color palette (#CDEDE0, #947C00, #5C6800, #104400, #030600)
• Gentle Terrace color palette (#E5FAF8, #A6CE6D, #45C668, #008D6C, #0D3923)
• Pine Workshop color palette (#EEF1DD, #87AA68, #428354, #005A6A, #004361)

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