Ancient Harbor color palette — #FFF0F7 · #D7D3DF · #FFB8B4 · #CDAC9F · #5E4147

Built around Rose Quartz, softened by Rosewood Mist — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Silver (#D7D3DF): a clean, paper-quiet neutral.
• Rose Quartz (#FFB8B4): A whisper-light, balanced orange — the color of sun-warmed clay.
• Rosewood Mist (#CDAC9F): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5E4147): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Warmth, Comfort, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Mallow Quarry color palette (#FDF1FB, #C1FFFE, #E1D7F3, #F7B1D4, #5B3C49)
• Ancient Bloom color palette (#E2FDEE, #F2DBE6, #D9BCBB, #93A992, #475547)
• Dusty Mustard Veranda color palette (#FFF2EE, #EBD8EC, #EFC5B1, #DDB364, #5C2800)
• Aged Mallow color palette (#FFF0F8, #EEC6FB, #E3A0C6, #B57B8B, #58504C)
• Hazy Apricot Lantern color palette (#FFF1F3, #DFDBF3, #F8B8FF, #FFA177, #521E3D)
• Hushed Blush Study color palette (#FFF1F2, #F8C1E7, #8FD8C4, #D38EBF, #425336)
• Antique Fern Grove color palette (#F9F4ED, #E3E0BA, #B0BB9B, #B2908F, #574E00)
• Teal Thicket color palette (#FBF3EF, #C4E0EA, #A5CBF2, #70B19E, #64495B)

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