Airy Harbor color palette — #F6EAF7 · #FF9FAA · #28CEF9 · #DE4A68 · #003C4B
A conversation between Poppy and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EAF7): A whisper-light, dusty pink — the color of neon signs at night.
- Ballet Pink (#FF9FAA): A luminous, balanced red — the color of late-summer berries.
- Sky (#28CEF9): A luminous, balanced blue — the color of deep harbor water.
- Poppy (#DE4A68): A luminous, vivid red — the color of late-summer berries.
- Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Airy 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
- Turquoise Field color palette (#FFF0FC, #FFA299, #00BCC7, #B05851, #002E32)
- Hazy Coral color palette (#FEF1FA, #FFB7A8, #81C5FF, #E67C67, #234562)
- Mint Villa color palette (#F5EAF9, #FF9DB8, #36DAA1, #CB5C7F, #00402C)
- Hushed Amber color palette (#FFE7F0, #F6AC6E, #90ACFF, #D37600, #25325D)
- Faded Bloom color palette (#E3F4E4, #EBB45A, #00C4E7, #BF8400, #003D49)
- Ancient Blush color palette (#E9DFEF, #9FBFFF, #FF948F, #5C445A, #261A24)
- Soft Scarlet color palette (#F4E1EF, #F76856, #009DC7, #D20E06, #001E29)
- Feathered Azure color palette (#F3DCF4, #FFA9AF, #7EA5F4, #009CD3, #362437)
Browse the whole catalog at Explore, or see today's palette.