Tangerine Cabin color palette — #F5DEDD · #FF9788 · #F86545 · #BF5C30 · #5D3118

Built around Coral Clay, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F5DEDD): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FF9788): A luminous, balanced orange — the color of sun-warmed clay.
• Coral Clay (#F86545): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#BF5C30): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5D3118): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. 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

• Hushed Cabin color palette (#FBD8E2, #FA8388, #E54C33, #954C00, #4E340A)
• Wandering Amber color palette (#F6E1ED, #E4B69C, #D98462, #A2695D, #432633)
• Soft Hollow color palette (#FDE7F3, #FDA67E, #56CE5A, #E06A2A, #1C3F1C)
• Ancient Amber color palette (#FBDAC6, #F8A658, #D48600, #986700, #513B09)
• Peony Parlor color palette (#FED8E9, #FE95C0, #EE5A8D, #B54A60, #59272B)
• Hushed Market color palette (#FDE5E0, #F16119, #BF5500, #7F4000, #341A00)
• Apricot Summit color palette (#FFF1F7, #FFBC86, #F08720, #AB5E00, #371800)
• Terracotta Courtyard color palette (#EDDBE3, #D17080, #A14019, #5B3100, #2C2000)

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