Aged Harbor color palette — #F7DACF · #FF5E58 · #7E9C00 · #CB252B · #161E00

A conversation between Crimson and Watermelon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7DACF): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#FF5E58): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#7E9C00): A luminous, balanced green — the color of fresh herbs.
• Crimson (#CB252B): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#161E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Energy, Balance. Tagged warm.

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

• Emerald Ridge color palette (#F3E2D7, #DF6200, #129A22, #9E4300, #001501)
• Ember Study color palette (#F5E4E0, #F73D08, #958400, #A749A6, #280300)
• Peony Chapel color palette (#F6E1DE, #FF4DA1, #AC8A00, #BB3474, #221A00)
• Washed Courtyard color palette (#FFE6DF, #E7BC77, #C0AB56, #CA6C6B, #371D0B)
• Hushed Rose color palette (#FFE5DC, #E83D48, #00858B, #9B0E22, #002022)
• Amber Archive color palette (#F7E7D3, #D18C00, #00A781, #986400, #002117)
• Airy Clover color palette (#FFDDC2, #FD9A36, #00C677, #C56F00, #00381E)
• Timeworn Ember color palette (#FEE0D8, #FF8462, #E04D17, #972002, #1C0300)

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