Amber Harbor color palette — #FFF1F3 · #F6C7E5 · #EE9FA5 · #CB7F66 · #4F4943

A conversation between Coral Clay and Rose Quartz, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Thistle (#F6C7E5): A whisper-light, dusty pink — the color of a candy shop window.
• Rose Quartz (#EE9FA5): A luminous, balanced red — the color of a theater curtain.
• Coral Clay (#CB7F66): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#4F4943): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, 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

• Rust Basin color palette (#F8F2FF, #F7BBC9, #D88A93, #A75A51, #644359)
• Weathered Mallow Balcony color palette (#EAE5FF, #F39FC2, #C07377, #794936, #4C2F3C)
• Tempered Amber color palette (#FFF2EE, #FFC3B6, #E3A974, #AF8E3B, #4E4B44)
• Blush Courtyard color palette (#FFF2EF, #FCC3CD, #7FD6EA, #EB859A, #1E5561)
• Tangerine Balcony color palette (#FBD8EC, #FF98AA, #FE6237, #C26000, #593F00)
• Timeworn Ridge color palette (#F3DFE6, #F7847E, #E74F09, #996000, #392D00)
• Dusty Aqua color palette (#FFF2EE, #EFB6BA, #6ACDEC, #78A7DC, #573A32)
• Amber Hollow color palette (#FFDDD3, #C37700, #896800, #474C00, #011501)

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