Sunlit Garden color palette — #F9D8EA · #FF7E9F · #FF3047 · #C33F00 · #4A2300

Built around Scarlet, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F9D8EA): A whisper-light, dusty pink — the color of peonies in June.
• Rose (#FF7E9F): A luminous, balanced red — the color of late-summer berries.
• Scarlet (#FF3047): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C33F00): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#4A2300): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Sunlit Garden 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

• Feathered Ember Station color palette (#FFE2E8, #FF8988, #F45B13, #A45B00, #442A00)
• Misty Scarlet color palette (#FFE0E4, #FE6174, #EC0029, #A00705, #5A1700)
• Airy Peony Parlor color palette (#F1D8F2, #FF6FD5, #FF388B, #C8011F, #541D00)
• Dusty Delta color palette (#FFDBD7, #FFB2AB, #04BBDF, #DA0025, #003440)
• Rust Boulevard color palette (#FFE3E9, #C5423A, #9B3C00, #582D00, #140C00)
• Soft Peony Coast color palette (#FFF0FA, #FFE0C3, #D5DD38, #F7529C, #542700)
• Apricot Veranda color palette (#F5D8D2, #FF9257, #D18000, #816500, #363700)
• Amber Alley color palette (#DFF2F5, #A2BCFF, #E67300, #6F3400, #2B0B1D)

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