Sunlit Loft color palette — #CCE6CE · #C58C00 · #009C84 · #825B00 · #003128

Mustard and Fern set the tone — five colors that lean into optimism and balance.

The five colors

• Celadon Mist (#CCE6CE): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#C58C00): A luminous, balanced gold — the color of honey in a jar.
• Fern (#009C84): A luminous, balanced teal — the color of sea glass.
• Ochre (#825B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003128): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, 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

• Antique Garden color palette (#C4E7DA, #95A21F, #0097AC, #616A00, #002F37)
• Soft Brick Workshop color palette (#CDE9D7, #9D8500, #009163, #BA2C1D, #022715)
• Emerald Studio color palette (#F0D5E4, #EF6C10, #25A126, #A04400, #043304)
• Airy Study color palette (#DEF2DD, #B9995E, #9A6500, #6F4007, #2E2200)
• Tempered Thicket color palette (#D3E2DB, #BFA32E, #575A00, #2A2B00, #000F08)
• Bronze Workshop color palette (#DAFEE4, #E8DB90, #A7BC66, #A06E0A, #1A3A29)
• Soft Clover color palette (#D7FEFD, #18CE7C, #E27E00, #008F53, #592E00)
• Airy Olive color palette (#E9FAF2, #BCBD6D, #00BACC, #868600, #1B4959)

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