Tempered Harbor color palette — #E6F9FF · #39E0E5 · #CF69A7 · #CA6B25 · #00313D
Hot Pink and Pumpkin set the tone — five colors that lean into optimism and creativity.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Ice Blue (#39E0E5): A whisper-light, balanced teal — the color of shallow lagoons.
- Hot Pink (#CF69A7): A luminous, balanced pink — the color of peonies in June.
- Pumpkin (#CA6B25): A luminous, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#00313D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, Creativity, Balance. Tagged warm.
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
- Quiet Coral color palette (#ECF7FF, #78D4FF, #E0646F, #AD800E, #003042)
- Ancient Wisteria color palette (#D9FEFF, #3AE7AF, #BD6BD2, #C6696D, #003335)
- Quiet Peony color palette (#EAF8FF, #00BFDA, #EA52A1, #B26900, #062C13)
- Iris Cabin color palette (#DEFFE5, #6BCDFF, #7E93FF, #BE5828, #153856)
- Hushed Basin color palette (#E6FEDD, #30D1BC, #D35427, #9E4E00, #0D2104)
- Dusty Terrace color palette (#EDF6FF, #6FC2FF, #E29884, #9F8F59, #263542)
- Rose Hollow color palette (#E5FAFF, #00ABA8, #E04A4A, #AC3938, #00313B)
- Airy Amber color palette (#D8E5FF, #93B6FF, #CA6100, #728400, #0C1C43)
Browse the whole catalog at Explore, or see today's palette.