Misty Harbor color palette — #FFF0FC · #9EB6E7 · #536BB0 · #1E3A8A · #1F2B59
Built around Indigo, softened by Slate — the whole palette hums with creativity and calm.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#9EB6E7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#536BB0): A full-bodied, balanced violet — the color of wild irises.
- Indigo (#1E3A8A): A deep, shadowed, balanced violet — the color of wild irises.
- Navy (#1F2B59): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.
Use it as a design system
One click turns Misty 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
- Powdered Coast color palette (#FFF1F6, #C0B1E4, #8267AE, #4E3082, #352757)
- Iris Garden color palette (#F0F6FF, #A9C9FF, #608EE1, #485D9D, #252D50)
- Chalky Petrol color palette (#DAFFEE, #82BCDD, #1C7BA5, #004969, #00324B)
- Timeworn Harbor color palette (#FFF0F7, #C2AC7E, #544878, #30254F, #2E1B24)
- Aubergine Boulevard color palette (#DCDFF2, #5A67C4, #2F0099, #0A003F, #020019)
- Softworn Grape Lagoon color palette (#FDF2F5, #BAA4CF, #A25552, #76449D, #311F18)
- Washed Alley color palette (#FEF0FE, #E8D7D7, #D3B8E5, #4D8BAA, #5C4455)
- Softworn Grape Balcony color palette (#E7E6FF, #9589F9, #5D20D1, #36007A, #17004A)
Browse the whole catalog at Explore, or see today's palette.