Amber Harbor color palette — #FFE6F1 · #FF8FB1 · #E87A00 · #097F1C · #150C00

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

The five colors

• Blush (#FFE6F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Ballet Pink (#FF8FB1): A luminous, balanced red — the color of embers at dusk.
• Tangerine (#E87A00): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive (#097F1C): A full-bodied, vivid green — the color of new leaves after rain.
• Ink (#150C00): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Gentle Blush Market color palette (#E1F9E1, #FF8B89, #C58C00, #007C4E, #0F0C00)
• Patina Field color palette (#FFECF2, #FFAAB1, #DF9F3B, #218C5A, #201900)
• Hazy Ember Dune color palette (#F9E2F5, #F389ED, #F05F4B, #6F7800, #190600)
• Frosted Drift color palette (#FFF0F6, #FB8A78, #D17F00, #7A6E00, #352300)
• Soft Lime color palette (#CDFFEB, #FFAA78, #9AB000, #007E74, #001706)
• Timeworn Cypress Terrace color palette (#FDD5D2, #B49067, #4B7046, #333D5C, #131B38)
• Tempered Marigold Corridor color palette (#FFF3E7, #FFD0CA, #FFA759, #9E8F00, #1A0F00)
• Powdered Amber Studio color palette (#FAE3D4, #B57600, #675800, #293E00, #001C07)

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