Rose Loft color palette — #FFF1F7 · #FFB9C8 · #FF3A57 · #B72619 · #582108

Scarlet and Brick set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Ballet Pink (#FFB9C8): A whisper-light, balanced red — the color of embers at dusk.
• Scarlet (#FF3A57): A luminous, vivid red — the color of a theater curtain.
• Brick (#B72619): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#582108): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Peony Cabin color palette (#FFF0FC, #FFBDE2, #FF3791, #BD2451, #5E191D)
• Worn Ember Courtyard color palette (#FFEFF0, #FFA69C, #F0551B, #8C3C00, #4D2A00)
• Soft Ember color palette (#FEDDDA, #FD5B30, #984600, #512B00, #150B00)
• Hazy Lantern color palette (#FFE4E9, #F86484, #C92E4A, #930018, #6B2015)
• Powdered Coral Station color palette (#FFCEF9, #FFA6CD, #FF6C76, #C2532D, #603600)
• Misty Workshop color palette (#FFE3EA, #FF7B91, #EC1108, #7A2700, #371500)
• Hushed Scarlet color palette (#FFF0FD, #FFAFAA, #00C4DA, #E02E3C, #00353C)
• Hushed Coast color palette (#FFF2ED, #FFB38A, #E18100, #8D6000, #4A3900)

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