Azure Coast color palette — #F9E9F3 · #74CEE9 · #309BDC · #007E72 · #071C47
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9E9F3): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#74CEE9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cornflower (#309BDC): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007E72): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#071C47): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure Coast 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
- Pine Harbor color palette (#ECD9E6, #7FD1CC, #00A4BB, #24804C, #002333)
- Gentle Periwinkle Boulevard color palette (#F7EBF0, #A1DCFF, #6FA6F2, #009095, #272A4C)
- Cornflower Thicket color palette (#F4E3E9, #77B8E4, #377BF7, #006C73, #12033F)
- Patina Petrol Cabin color palette (#E0E4D1, #63C0DB, #0080A6, #005860, #002234)
- Sunlit Cobalt Boulevard color palette (#FFF2EB, #97D7EB, #257FC5, #005340, #070133)
- Ancient Meadow color palette (#FFF0FA, #82EFEB, #00BFDC, #009E5C, #003751)
- Quiet Lilac color palette (#C9E6F8, #C0BCF2, #BA9EF6, #189488, #00293F)
- Sky Terrace color palette (#C8E8FA, #10B9F7, #008DC0, #005A85, #000A16)
Browse the whole catalog at Explore, or see today's palette.