Azure Harbor color palette — #FFF2EC · #D6DEF9 · #00A7E3 · #007461 · #00234E

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Frost (#D6DEF9): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#00A7E3): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007461): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00234E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Forest Market color palette (#FFF2EB, #B5F3F3, #38A0BB, #006E47, #002135)
• Periwinkle Studio color palette (#FFF3E8, #DCE3F6, #6197FA, #007179, #220F5F)
• Timeworn Turquoise color palette (#E8FAF7, #A4E6F3, #00BDE4, #00979A, #00394C)
• Washed Thicket color palette (#FEF0FA, #78C5D5, #0077A4, #005748, #003167)
• Worn Cornflower Balcony color palette (#FFF5D8, #D3C528, #468AEF, #766D00, #001B47)
• Ancient Denim Alley color palette (#F1E4DA, #6BABCD, #1C5496, #002B2C, #01000A)
• Cobalt Workshop color palette (#FFF2EC, #9AD7E8, #1E82BA, #005249, #00082C)
• Tempered Lagoon Archive color palette (#FBF4EE, #C1E4F4, #91BFF1, #269391, #4F3649)

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