Pale Loft color palette — #F2F4FF · #B493ED · #BA811F · #098B48 · #031E2F

Built around Fern, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Wisteria (#B493ED): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#BA811F): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#098B48): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#031E2F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Pale 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

• Ancient Parlor color palette (#F5F4FE, #D6A1E8, #A9973E, #009270, #1A2B41)
• Tempered Market color palette (#EFF6FF, #7FA0ED, #E26B3C, #737C00, #00202A)
• Dusty Thicket color palette (#EBEDFD, #A16DDC, #8B6900, #006A44, #000917)
• Worn Blush Studio color palette (#E0F5E4, #D4A6E4, #D67298, #608122, #442240)
• Fuchsia Meadow color palette (#F4EDFF, #FF69DC, #6C8400, #007779, #0F0A3D)
• Dusty Meadow color palette (#F9F2FD, #ECAEC9, #95B579, #1598A3, #2E3242)
• Feathered Emerald Study color palette (#FEF0FF, #FF97A1, #009F59, #0088AD, #2D1735)
• Worn Coral Terrace color palette (#F9E4F5, #EB6555, #00955F, #00719D, #170D2B)

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