Azure Harbor color palette — #FBF2F7 · #B8DAEE · #5A9BD3 · #007D76 · #2A385F

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#B8DAEE): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#5A9BD3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007D76): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A385F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Cerulean color palette (#FAF3F5, #D8DBF0, #8FA3D8, #008A9B, #3E4567)
• Timeworn Forest color palette (#F7EAF3, #92D2D0, #0096AF, #007042, #00324A)
• Patina Bloom color palette (#D8F1ED, #4DC6C9, #0095B7, #006392, #173B66)
• Hushed Petrol Summit color palette (#EDE3E9, #64B0B3, #00728B, #004D32, #001626)
• Tempered Denim color palette (#EDDEE5, #669AB4, #0059A2, #003B3B, #04002D)
• Cobalt Grove color palette (#E7F3FF, #7BC2F3, #2D85CA, #00567E, #002539)
• Washed Ember Bloom color palette (#D0E8FF, #579BD5, #CA6959, #A36900, #072E4A)
• Faded Amber Thicket color palette (#DEF2FF, #64B3D6, #DC753D, #007DA3, #592300)

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