Tempered Harbor color palette — #D1E3E7 · #3FC8ED · #00A9D6 · #0085B6 · #003B5A
A conversation between Cyan and Cyan, giving this palette its sense of trust and stability.
The five colors
- Silver (#D1E3E7): bright and airy, almost weightless.
- Cyan (#3FC8ED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cyan (#00A9D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0085B6): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003B5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, 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
- Softworn Boulevard color palette (#D5FFFB, #58CFE0, #0098BE, #005D91, #122554)
- Patina Aqua color palette (#C3EBE3, #3FD4CA, #00B4B3, #00888E, #00464E)
- Weathered Archive color palette (#D1E4F4, #85BEFF, #669EF5, #5677C0, #263161)
- Washed Cerulean Market color palette (#D2F0F6, #009FBE, #007799, #004761, #002033)
- Worn Thicket color palette (#DEF5EA, #5ECDFF, #92C072, #009ED2, #253D12)
- Hazy Wisteria color palette (#C9EEE2, #50B7FF, #BF88EC, #00AE93, #053329)
- Wandering Sky color palette (#D8FFF4, #FEDFFB, #C7CEFF, #75B4D8, #4C354E)
- Powdered Lapis Hollow color palette (#DAE6F7, #85B0FF, #6384FF, #564CE5, #341E7E)
Browse the whole catalog at Explore, or see today's palette.