Ancient Harbor color palette — #F7EFF8 · #6898CF · #B86C4C · #695F2B · #2A1E2B

Caramel and Cornflower set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EFF8): a clean, paper-quiet neutral.
• Cornflower (#6898CF): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#B86C4C): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#695F2B): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#2A1E2B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Lilac Terrace color palette (#FAEEF3, #9E87C7, #93823E, #426944, #2E1C24)
• Dusty Courtyard color palette (#F9EEF7, #7188C8, #9A5A32, #48551F, #0D1C11)
• Tempered Driftwood color palette (#ECF4ED, #4FA3AC, #AF6A87, #7F5235, #18271B)
• Azure Coast color palette (#EDF7FF, #3D98D4, #937C4D, #48684F, #303F4B)
• Softworn Pier color palette (#FAF1E2, #A7A3DF, #976397, #5D5220, #3A252D)
• Wandering Parlor color palette (#EEF6FF, #6FAFF6, #C68B73, #7F7D50, #353E49)
• Frosted Meadow color palette (#FFEBF9, #5964FC, #965C00, #425000, #23081D)
• Aged Market color palette (#FFEBFA, #BCB2E3, #9571AC, #774275, #47132E)

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