Tempered Harbor color palette — #C7EBFF · #0087A4 · #675BBD · #116C3C · #033042
Cornflower Indigo takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#C7EBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0087A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cornflower Indigo (#675BBD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#116C3C): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#033042): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Cobalt color palette (#C3EEF5, #008D7F, #1170B9, #576200, #003239)
- Worn Violet Boulevard color palette (#EDF6FF, #4E8FBF, #8F66B1, #0E7A67, #213A50)
- Ancient Cornflower color palette (#D6E6FF, #5073D2, #9A4990, #00686C, #1B2B46)
- Petrol Station color palette (#EAF8FF, #ADE0FF, #88AFDC, #277C89, #264254)
- Washed Turquoise color palette (#E5F9FF, #49B6D5, #006A81, #003D4A, #00262F)
- Muted Ridge color palette (#DAEFFA, #006384, #5D16B2, #004931, #00141E)
- Dusty Amethyst Cabin color palette (#EDEFFF, #7C4DBD, #A32750, #005475, #25153C)
- Brick Canyon color palette (#DEEFF8, #008AA5, #BA3C3F, #973900, #001722)
Browse the whole catalog at Explore, or see today's palette.