Quiet Loft color palette — #F5EFD7 · #909500 · #8E62B2 · #585B00 · #3E2C4E

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

The five colors

• Cream (#F5EFD7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#909500): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#8E62B2): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#585B00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#3E2C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Chalky Moss color palette (#F1E9CE, #959730, #8B68B5, #585900, #260B3E)
• Hazy Emerald Atelier color palette (#EDF1DC, #3AA655, #A25A9D, #006928, #4A2647)
• Mustard Market color palette (#D7F8E8, #AFAD4D, #A782CB, #797600, #3F2A53)
• Washed Cobalt color palette (#F8EDDA, #BA9924, #006CBB, #695400, #0F375C)
• Byzantium Workshop color palette (#BAF4DA, #009C71, #B800AF, #005D42, #4F054A)
• Weathered Nightshade Veranda color palette (#ECE6BE, #829726, #6047A0, #78395F, #312C0A)
• Antique Aubergine Lagoon color palette (#E3E2C3, #638A1D, #671E95, #2B4100, #27063D)
• Timeworn Chestnut Market color palette (#FCE2D2, #B88D62, #905035, #633437, #34302A)

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