Quiet Loft color palette — #FFF2ED · #F27870 · #007150 · #940014 · #010100

A conversation between Garnet and Watermelon, giving this palette its sense of balance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#F27870): A luminous, balanced orange — the color of toasted spice.
• Pine (#007150): A full-bodied, balanced teal — the color of sea glass.
• Garnet (#940014): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#010100): a grounded near-black with real depth.

Feels like: Balance. Tagged duotone.

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

• Blush Meadow color palette (#FFF2F0, #FA669F, #606500, #8F004B, #020100)
• Amber Archive color palette (#FDF3EA, #E48A00, #006F61, #6F4100, #000200)
• Raspberry Coast color palette (#FFEEEA, #CB3F68, #005C44, #410040, #060001)
• Frosted Orchard color palette (#FFF3E8, #FFAF68, #008CA8, #9C5700, #000203)
• Bronze Basin color palette (#F5E6EF, #B25A31, #324700, #551E00, #020400)
• Muted Archive color palette (#FBE9F1, #FA8623, #878900, #B45A00, #000502)
• Hazy Amber Field color palette (#FFD4CB, #E38504, #6C6500, #153500, #000805)
• Aubergine Pier color palette (#FFEAD7, #D06A00, #3D6100, #330071, #060300)

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