Aged Harbor color palette — #E3EFE8 · #87A9AB · #6A9099 · #74620C · #020C06

Olive and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E3EFE8): a clean, paper-quiet neutral.
• Blue Fog (#87A9AB): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#6A9099): A luminous, dusty blue — the color of open sky before noon.
• Olive (#74620C): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#020C06): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Harbor color palette (#EEDFE4, #9CB4A0, #7B9998, #8F5300, #13040A)
• Cocoa Field color palette (#DBE8DE, #8EACA3, #658F90, #574200, #010D04)
• Washed Canyon color palette (#E9E5DC, #928D7C, #776C20, #312A00, #020100)
• Worn Pine color palette (#DDE8E8, #9EB5C7, #819CBC, #00875B, #011819)
• Lagoon Drift color palette (#CDE9E6, #00A079, #007169, #604205, #000804)
• Patina Emerald color palette (#E1E5CB, #619854, #0B7966, #453B61, #240425)
• Hazy Moss Field color palette (#EAEDD0, #CC9700, #8E9E00, #008E64, #010300)
• Airy Navy color palette (#F8EDD7, #877C00, #0F6D12, #252B85, #030400)

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