Sunlit Loft color palette — #FDF6D8 · #B8C02A · #5778E8 · #8B4797 · #1C1D00

Periwinkle and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FDF6D8): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#B8C02A): A luminous, vivid green — the color of fresh herbs.
• Periwinkle (#5778E8): A luminous, vivid violet — the color of wild irises.
• Plum (#8B4797): A full-bodied, balanced pink — the color of a candy shop window.
• Ink (#1C1D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Muted Moss color palette (#F7F8DA, #71B346, #897FC2, #85476F, #171601)
• Quiet Sapphire color palette (#F8F7E1, #85AA00, #396FE6, #890064, #1D0E00)
• Hushed Marigold Veranda color palette (#FFF3E3, #D59A00, #00A0CF, #6556B0, #271800)
• Washed Clover Workshop color palette (#F1FADE, #00CF78, #0085CE, #802275, #341A00)
• Wandering Plum color palette (#EEFBDB, #30D594, #9D65C7, #B12F4A, #161F00)
• Mint Balcony color palette (#F2F8E5, #67CA92, #AE8DCE, #A0596E, #21280F)
• Peony Workshop color palette (#FDF5DB, #BCB900, #22B2F8, #D748A3, #2E2D02)
• Tempered Workshop color palette (#FFF4DE, #76D987, #009A92, #7A348F, #00311F)

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