Tempered Harbor color palette — #D5F0FF · #8CCFFF · #59A5FF · #4F7BDD · #250D95
Indigo takes the lead with Azure close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D5F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#8CCFFF): A whisper-light, balanced blue — the color of open sky before noon.
- Cornflower (#59A5FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#4F7BDD): A luminous, balanced violet — the color of twilight just after sunset.
- Indigo (#250D95): A deep, shadowed, vivid violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Tempered 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
- Washed Aubergine color palette (#D0E5FF, #A3C2FF, #849BF3, #706DBE, #37166F)
- Muted Azure Quarry color palette (#B9F1FF, #61D7FF, #14B1F4, #0082CE, #003068)
- Pale Ultramarine Summit color palette (#E2FAFF, #A7DFFF, #319DFC, #3F4FC7, #2E0070)
- Hazy Cornflower color palette (#97FEFE, #22CBF9, #048CF1, #534CC0, #47007F)
- Dusty Periwinkle color palette (#D4FFFF, #77CBFF, #5F9CFF, #A6599E, #0C3859)
- Nightshade Harbor color palette (#CDF5E6, #05BDD5, #0072B8, #4000B5, #2E0040)
- Grape Cabin color palette (#D9E6FF, #8395FF, #776AE6, #6837B3, #1E0033)
- Wandering Periwinkle color palette (#DDEDFD, #42A6FF, #54678B, #2E4459, #07131C)
Browse the whole catalog at Explore, or see today's palette.