Tangerine Cabin color palette — #FFD6CD · #FE7125 · #AF5B00 · #6F4500 · #3A3E03

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

The five colors

• Shell Pink (#FFD6CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#FE7125): A luminous, vivid orange — the color of toasted spice.
• Ochre (#AF5B00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#6F4500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3A3E03): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Amber Villa color palette (#FFD3D8, #FF896E, #C96E00, #7C5A00, #3B4200)
• Wandering Lagoon color palette (#FFEAEB, #FF6557, #CB3F00, #7A3C00, #593500)
• Feathered Study color palette (#FFE7F0, #BB9659, #975800, #783104, #193E29)
• Marigold Studio color palette (#FFF4E0, #E4A000, #896400, #4F3600, #312100)
• Quiet Loft color palette (#E2FEE2, #EFE4A5, #95D063, #AA5E2C, #564416)
• Airy Apricot color palette (#FFF1F5, #E08D24, #0074C0, #834E00, #003D68)
• Feathered Boulevard color palette (#C7EACA, #C19F42, #807800, #575F00, #3A4A25)
• Linen Market color palette (#D5F6D3, #AD7100, #008381, #8924B3, #442A00)

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