Rose Lagoon color palette — #FFCCF1 · #FF77B5 · #F71D60 · #B03400 · #5F2B04

Rose Red and Bubblegum set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#FFCCF1): A whisper-light, dusty pink — the color of peonies in June.
• Bubblegum (#FF77B5): A luminous, vivid rose — the color of pressed rose petals.
• Rose Red (#F71D60): A luminous, vivid red — the color of a theater curtain.
• Brick (#B03400): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#5F2B04): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Rose Lagoon 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 Veranda color palette (#EFE2F4, #FC7AD3, #FD0795, #BC2539, #692D22)
• Gentle Scarlet color palette (#FFEAF0, #FF92A1, #F02509, #9C4700, #543500)
• Coral Quarry color palette (#FFF0F7, #FFB6CB, #FC5D70, #B33534, #5B1F00)
• Quiet Scarlet Quarry color palette (#F6DEE7, #E96389, #D7002C, #832E00, #492A00)
• Rose Harbor color palette (#F6D8DC, #E94D45, #9A4200, #613A00, #281C00)
• Soft Scarlet color palette (#FFF0FD, #FF8481, #00B1B8, #DF002F, #004447)
• Hushed Ember color palette (#FFF2EF, #FFA687, #F03806, #902A00, #490500)
• Coral Veranda color palette (#FFE0FA, #F76460, #00A3A8, #008CA7, #4F201D)

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