Tempered Harbor color palette — #F5F7E4 · #D3DEF4 · #00C3DE · #008883 · #003C4A
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Powder Blue (#D3DEF4): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#00C3DE): A luminous, balanced blue — the color of open sky before noon.
- Teal (#008883): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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 Parlor color palette (#EEEFE2, #3ACDD4, #007581, #003E39, #000305)
- Turquoise Atelier color palette (#F5F7E6, #CDE9FF, #00ABCD, #007274, #002938)
- Powdered Aqua color palette (#FBF4EA, #ADF3FA, #35C9EE, #00A892, #004662)
- Antique Periwinkle Basin color palette (#F2F8E7, #DCD6E1, #75B0FF, #0080B1, #1E3261)
- Timeworn Denim Delta color palette (#EDF2E1, #59ADD7, #005A88, #002A34, #000104)
- Frosted Cobalt color palette (#FFF2ED, #9EDAE2, #008ABE, #006A41, #1F3C78)
- Hushed Powder color palette (#F4F6EE, #BEE0ED, #A8C2EF, #789C81, #36554A)
- Softworn Parlor color palette (#F3F8E6, #93D5FF, #177FC8, #004E64, #000C21)
Browse the whole catalog at Explore, or see today's palette.