Quiet Loft color palette — #EEF1FF · #986FED · #006E36 · #00592A · #180831

Amethyst and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Amethyst (#986FED): A luminous, vivid violet — the color of wild irises.
• Pine (#006E36): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#00592A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#180831): 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

• Orchid Archive color palette (#F1F0FF, #A94FC0, #007F50, #005836, #200726)
• Feathered Violet color palette (#EFF1FF, #8C5ED1, #876500, #5C4600, #190B2C)
• Tempered Magenta color palette (#F3EFFF, #BC4CC1, #735600, #004148, #001C24)
• Faded Cobalt color palette (#EDF6FF, #007CC3, #4A7500, #00583C, #002E4C)
• Washed Forest color palette (#FDECFC, #BA6D6F, #77793E, #06623E, #221422)
• Dusty Wisteria Lantern color palette (#CFFFE9, #BA6ECA, #9F3B44, #00474E, #330726)
• Muted Bronze color palette (#E3F5FF, #0089A8, #8E6100, #005834, #00171F)
• Timeworn Lagoon color palette (#FAECFF, #D82771, #007F50, #005836, #1E0A24)

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