Azure Harbor color palette — #EFF6FC · #DDD6EB · #D7B7DA · #229FF3 · #273440
A conversation between Cornflower and Lavender, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#DDD6EB): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#D7B7DA): A luminous, dusty pink — the color of a candy shop window.
- Cornflower (#229FF3): A luminous, vivid blue — the color of a favorite pair of jeans.
- Deep Teal (#273440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Dusty Teal Cabin color palette (#EDF7FA, #D3DAF2, #CDBAE9, #00AEB0, #193840)
- Muted Sapphire Grove color palette (#FAF2FA, #EDD6E6, #DAB0C4, #0076DF, #3E2B3F)
- Washed Iris Villa color palette (#ECEEF7, #DDCEDC, #CEAFBC, #9283DB, #292D3D)
- Frosted Iris color palette (#D6E0F6, #7C80FF, #7C3C7E, #2D3056, #000813)
- Hushed Studio color palette (#F1F6FB, #DCD9E0, #9AB7DF, #BCB2AA, #4E5359)
- Misty Wisteria Pier color palette (#DBEFF0, #8ABDFD, #C579C8, #2A8F65, #004D32)
- Linen Rust color palette (#D3ECFA, #25C7EB, #CF5300, #117D18, #022D04)
- Linen Blush color palette (#EFF6FF, #87EDFF, #B0CAFF, #FF80B0, #2E175D)
Browse the whole catalog at Explore, or see today's palette.