Misty Workshop color palette — #FEF0C6 · #897B00 · #00715C · #004583 · #33000F
Built around Olive Leaf, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Custard (#FEF0C6): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#897B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00715C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004583): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#33000F): A deep, shadowed, balanced red — the color of late-summer berries.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Scarlet Villa color palette (#FFE6D9, #ED3603, #417700, #005378, #2F010E)
- Linen Terrace color palette (#F6F8D2, #439200, #00726D, #501A9E, #2C1300)
- Aubergine Market color palette (#DCEDD3, #007566, #005770, #600051, #090500)
- Aubergine Chapel color palette (#FEE3C2, #BD7D00, #00787B, #730081, #3D0046)
- Chalky Ridge color palette (#FFF1F6, #C77200, #007C71, #510095, #0E0400)
- Aubergine Balcony color palette (#FFDFB7, #C98B00, #498912, #4D2996, #302900)
- Airy Hollow color palette (#DAE5D7, #006C61, #2507B8, #4A001C, #000300)
- Emerald Delta color palette (#F3F8E6, #3BA061, #007695, #732C60, #221A02)
Browse the whole catalog at Explore, or see today's palette.