Iris Harbor color palette — #F3EFE0 · #31D2FF · #7482EA · #161A3A · #130610
Lavender Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3EFE0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#31D2FF): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#7482EA): A luminous, balanced violet — the color of wild irises.
- Deep Indigo (#161A3A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#130610): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged neon, dark, vibrant, cool.
Use it as a design system
One click turns Iris 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 (#E8EFD6, #00CCF2, #B055DF, #30161F, #15070B)
- Misty Meadow color palette (#F1DDD4, #00E0AB, #488DEA, #0B213D, #140415)
- Mustard Veranda color palette (#F9E8DE, #C8C908, #4F8AE9, #102444, #160916)
- Chalky Seafoam Terrace color palette (#F4EACB, #30F6A8, #B481E5, #482E5F, #201F34)
- Orchid Thicket color palette (#CFFAFA, #BB8D00, #AF42FF, #1B0A2A, #070102)
- Wandering Parlor color palette (#CFECDA, #00D9E1, #E916CD, #36142F, #190A0B)
- Twilit Terracotta Loft color palette (#CBE9FF, #006B77, #902900, #110902, #030100)
- Mulberry Loft color palette (#FFECEF, #D28AD0, #9D5600, #950097, #120600)
Browse the whole catalog at Explore, or see today's palette.