Soft Loft color palette — #FFD8DD · #FFA098 · #FF653D · #C85A00 · #5B3200
A conversation between Tangerine and Terracotta, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#FFD8DD): A whisper-light, dusty red — the color of embers at dusk.
- Melon (#FFA098): A luminous, balanced orange — the color of sun-warmed clay.
- Tangerine (#FF653D): A luminous, vivid orange — the color of toasted spice.
- Terracotta (#C85A00): A full-bodied, vivid orange — the color of sun-warmed clay.
- Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Soft 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
- Pale Ember Archive color palette (#F8D2E3, #FF929B, #EA481B, #955100, #4F3A00)
- Tangerine Ridge color palette (#FFEADD, #F5BA8D, #ED8356, #C15D57, #4A2F04)
- Muted Delta color palette (#EED8E0, #FF9FB7, #FF6475, #DD1600, #6E2700)
- Dusty Studio color palette (#F7E4DC, #FFAD6A, #DA8800, #A27700, #4B3E00)
- Faded Coral color palette (#FFE7E9, #FF5C60, #B93600, #6D3300, #361D00)
- Quiet Ember Cabin color palette (#FFF2EA, #FFAF8B, #50D3FF, #E25E00, #004154)
- Lilac Summit color palette (#FFE6D3, #FF954F, #00C7A0, #A082FF, #4D2303)
- Hushed Garden color palette (#F7E2CB, #AC7800, #826900, #514E00, #0F1300)
Browse the whole catalog at Explore, or see today's palette.