Misty Loft color palette — #F2E5B8 · #8B8A00 · #007F89 · #535200 · #00353A

A conversation between Olive Leaf and Teal, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#F2E5B8): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#8B8A00): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F89): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#535200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00353A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Feathered Bronze Harbor color palette (#FCE0BD, #B17700, #008369, #6A4600, #00372B)
• Pale Olive color palette (#EBEFD5, #707800, #007466, #843900, #242700)
• Teal Cabin color palette (#EDFAE7, #00B9A2, #AC812A, #007667, #543E14)
• Hushed Moss color palette (#E5E1AB, #8F9500, #645D00, #483B00, #242D00)
• Linen Courtyard color palette (#F6F9D2, #43AF00, #0088C1, #276E00, #00405D)
• Cobalt Orchard color palette (#DFEAC5, #009E5A, #0070CB, #005E34, #002E59)
• Ultramarine Garden color palette (#DBE3D5, #008067, #3242CD, #004436, #0B104B)
• Stone Coast color palette (#F8F5E9, #ACB86A, #54A6B8, #70783D, #395443)

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