Amber Harbor color palette — #FFF1F7 · #DC7400 · #0089BF · #8C4700 · #00405C

Built around Tangerine, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Tangerine (#DC7400): A luminous, vivid gold — the color of old brass.
• Cerulean (#0089BF): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#8C4700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00405C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Timeworn Sapphire color palette (#EAFBE9, #D69425, #0070CE, #7D5200, #063B6D)
• Pale Cabin color palette (#FFECF4, #F58625, #007DB2, #8B4600, #002436)
• Brick Pier color palette (#FFF0FD, #E66461, #008F9E, #AF001E, #00434B)
• Bronze Corridor color palette (#F7D3DF, #B16C00, #0070AE, #683E00, #002B48)
• Gentle Azure color palette (#FFF2E9, #FFA773, #07A4F4, #A34C00, #003F61)
• Quiet Iris Lantern color palette (#E7FBEF, #B0A144, #737EE2, #746600, #393F65)
• Faded Grape color palette (#FFE6D1, #B76A00, #008578, #7343A8, #462808)
• Amethyst Alley color palette (#E4FCEF, #B2A625, #6A4AED, #665E00, #362E71)

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