Tempered Harbor color palette — #F8F5EF · #C2E6E3 · #60AFDB · #378989 · #275148
A conversation between Cyan and Fern, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#C2E6E3): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#60AFDB): A luminous, balanced blue — the color of open sky before noon.
- Fern (#378989): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#275148): A full-bodied, dusty teal — the color of glacier melt.
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
- Periwinkle Study color palette (#FAF4EC, #BEE8EB, #77A8E2, #16899C, #593D54)
- Muted Alley color palette (#F2E8D8, #5FACD1, #006BAC, #004950, #000F3A)
- Muted Teal color palette (#FCF2F8, #D3E1F9, #8AC5F0, #44AB9E, #344867)
- Denim Parlor color palette (#EFE7DA, #54A0A8, #006277, #003C33, #000B13)
- Washed Moss color palette (#FFF1F0, #DA87AD, #9DA000, #3691B9, #4B302E)
- Cobalt Basin color palette (#F4EEE4, #9ACDE3, #1C8ED0, #006B70, #182E4C)
- Softworn Courtyard color palette (#FFF1F1, #E1D9D0, #C9C794, #AE88AB, #5D4541)
- Washed Amber Meadow color palette (#FFF2E9, #D4B89B, #B9805D, #885C52, #533700)
Browse the whole catalog at Explore, or see today's palette.