Sunlit Loft color palette — #FFF3E8 · #D37800 · #007922 · #003E55 · #180022

A conversation between Olive and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#D37800): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#007922): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003E55): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#180022): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Gentle Ember Harbor color palette (#FFF2EC, #F05647, #5E6B00, #004147, #11002C)
• Feathered Field color palette (#FFF3E3, #BE8600, #007461, #232983, #200007)
• Navy Workshop color palette (#FEF1DD, #9C7200, #005B4F, #1D006F, #060001)
• Tempered Rust Parlor color palette (#F0E0EB, #B43E1B, #00543E, #320066, #100027)
• Moonless Onyx Study color palette (#EAE0C3, #716A00, #004643, #0D004B, #040001)
• Washed Coral color palette (#F6DBD0, #FF6C62, #00998A, #5558A2, #191649)
• Frosted Fern color palette (#D2E8D6, #836300, #285300, #003630, #3F0800)
• Charred Pier color palette (#F7E2C7, #9E6A00, #2B2500, #171E25, #070300)

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