Airy Harbor color palette — #F9D3D6 · #C663B2 · #4B7A00 · #68005A · #1A3000
Built around Hot Pink, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F9D3D6): A whisper-light, dusty red — the color of a theater curtain.
- Hot Pink (#C663B2): A luminous, balanced pink — the color of neon signs at night.
- Olive (#4B7A00): A full-bodied, balanced green — the color of new leaves after rain.
- Mulberry (#68005A): A deep, shadowed, balanced pink — the color of peonies in June.
- Deep Forest (#1A3000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Warmth, Comfort, 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
- Misty Aubergine color palette (#F9D2DE, #AA6ED9, #437B00, #560081, #173100)
- Hazy Mulberry Lagoon color palette (#F8D4D3, #BA568F, #007E58, #83005A, #003221)
- Tempered Plum Loft color palette (#FBDBDB, #B32C86, #00685D, #68004A, #00201C)
- Raspberry Market color palette (#FCE4E4, #BA4E9E, #005E1E, #005253, #350D2B)
- Chalky Nightshade Boulevard color palette (#EDD6E5, #6B73D1, #736D00, #3831A7, #2D2A00)
- Tempered Aubergine color palette (#ECE8FF, #A65FB1, #007698, #710080, #00151E)
- Plum Basin color palette (#F9D3D6, #C67AB9, #BA7400, #A60098, #3C2200)
- Airy Rose color palette (#FFDADB, #E53A5A, #007D97, #94002E, #003441)
Browse the whole catalog at Explore, or see today's palette.