Aged Harbor color palette — #FBF4E9 · #97D2FF · #3089FE · #006F84 · #222C66

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Sky (#97D2FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#3089FE): A luminous, vivid blue — the color of deep harbor water.
• Teal (#006F84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#222C66): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, 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

• Periwinkle Thicket color palette (#E2FBFA, #D6DBEE, #379DFE, #006D90, #002155)
• Cerulean Studio color palette (#FCF4E8, #7ADBF1, #0099C9, #00736D, #003658)
• Pale Orchard color palette (#EEE8DF, #89B6E1, #3C6ED7, #00566C, #181943)
• Airy Periwinkle color palette (#FFF1F6, #B7DFFF, #7EA8FF, #0096A3, #302170)
• Cerulean Corridor color palette (#ECE2D3, #3DA3AC, #006277, #003C33, #000B13)
• Softworn Lagoon color palette (#CFFFFD, #A4EDFF, #83C3FF, #009376, #003D44)
• Timeworn Turquoise color palette (#FAF4EC, #C2E6DD, #34B7D0, #338C76, #2F5042)
• Misty Drift color palette (#A6F9FF, #00C7CF, #00878F, #005358, #002326)

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