Gentle Harbor color palette — #FFF0F7 · #FFB2B1 · #F37F23 · #847612 · #213820

Built around Tangerine, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Rose Quartz (#FFB2B1): A whisper-light, balanced red — the color of late-summer berries.
• Tangerine (#F37F23): A luminous, vivid gold — the color of afternoon light on wheat.
• Walnut (#847612): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#213820): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Gentle Harbor 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

• Softworn Tangerine color palette (#FFF0F9, #FFB4C5, #F27E53, #976C00, #432335)
• Patina Apricot color palette (#FFECF4, #FFABB8, #F68742, #7B8E21, #261900)
• Hushed Terrace color palette (#E4FCEB, #FFB681, #C69F00, #5D7E36, #382F00)
• Worn Lagoon color palette (#F1DECB, #C78C00, #856800, #524D00, #343B08)
• Dusty Lagoon color palette (#EAFAEB, #FFD1B8, #DFB15A, #7D964B, #243F2F)
• Hazy Amber color palette (#F0E5C6, #D16500, #877000, #2F4B00, #0B0900)
• Antique Canyon color palette (#FCD4E1, #FC5D2C, #B06B00, #635D00, #1D1300)
• Misty Blush color palette (#FCF0FF, #FFA3E5, #F86588, #B46031, #432A3F)

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