Tangerine Loft color palette — #FFDDC9 · #FF6830 · #4AA500 · #B33A00 · #143700

Tangerine and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDDC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Tangerine (#FF6830): A luminous, vivid orange — the color of toasted spice.
• Kelly Green (#4AA500): A luminous, vivid green — the color of fresh herbs.
• Terracotta (#B33A00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#143700): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Warmth, Comfort, Energy. Tagged warm.

Use it as a design system

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

• Timeworn Plum color palette (#FFD9E1, #FF5B8D, #9C8F00, #C00058, #342F00)
• Patina Plum Workshop color palette (#F5DCD3, #E65800, #888500, #B22B9A, #411300)
• Amber Basin color palette (#EDDBC1, #C18F00, #009C89, #7F5D00, #00312A)
• Tempered Brick color palette (#F6F1D5, #708100, #BE0F29, #404B00, #260002)
• Hazy Marigold Meadow color palette (#F8E1C2, #DAA000, #795300, #3F2900, #180D00)
• Ember Canyon color palette (#FFDCCB, #DD4D30, #007D96, #901B00, #003440)
• Weathered Olive Pier color palette (#E5E1AA, #A5AC4D, #837A00, #625100, #242E00)
• Sunlit Olive color palette (#FBF5E4, #BFBC6A, #DD8994, #8A8400, #613239)

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