Quiet Grove color palette — #FFF1F6 · #FFAFBD · #FF505F · #BF250B · #562000

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ballet Pink (#FFAFBD): A whisper-light, balanced red — the color of late-summer berries.
• Scarlet (#FF505F): A luminous, vivid orange — the color of sun-warmed clay.
• Brick (#BF250B): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#562000): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Quiet Grove 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 Tangerine Boulevard color palette (#FFF1F2, #FFAAA3, #FE613A, #904300, #582F00)
• Gentle Brick color palette (#FFDDE4, #FC7186, #C1223A, #961015, #662111)
• Hushed Orchard color palette (#FFF0FD, #FFAFDB, #FA1C90, #A81845, #62201A)
• Quiet Coral Chapel color palette (#F3DCEC, #FF95BB, #FF6E73, #C35E26, #5F3600)
• Weathered Ember Delta color palette (#FFE5E1, #F65B27, #A64D00, #562F00, #140B00)
• Dusty Scarlet color palette (#FFF0FD, #FFAFA8, #00C5D4, #E8162C, #00363A)
• Antique Boulevard color palette (#FCE2E8, #FF8087, #ED1C13, #7B2700, #311600)
• Amber Summit color palette (#FFF2ED, #FFBA8D, #D68400, #815D00, #3A2F00)

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