Misty Loft color palette — #FCF2F9 · #A5B6FE · #C4704F · #006C54 · #1D284F

Built around Caramel, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Lavender (#A5B6FE): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#C4704F): A luminous, balanced orange — the color of autumn markets.
• Pine (#006C54): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1D284F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Calm, 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

• Aged Amber color palette (#FFF1F1, #DFA7CA, #BD7554, #006B61, #3C1C41)
• Timeworn Fern Cabin color palette (#E8FAF4, #7FC3F5, #B97184, #4D6600, #002F46)
• Aged Basin color palette (#FFF1F2, #EB81DD, #907E00, #005A73, #360147)
• Faded Mallow color palette (#F9F2FD, #FE9AC4, #E0845E, #937A29, #3F2F52)
• Wisteria Harbor color palette (#FFF1F6, #B078F9, #886400, #00465B, #0D0042)
• Aged Driftwood color palette (#FFF1F7, #E6D6D0, #CFAD9F, #6D8B71, #345144)
• Washed Lagoon Ridge color palette (#FBF3EF, #BFE2E6, #76C9DD, #4A936A, #19493A)
• Tempered Market color palette (#FEF1D7, #917800, #005E2C, #002A32, #060002)

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