Tempered Harbor color palette — #F0F7F1 · #D3E0F2 · #69A2BA · #417A74 · #425565

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Frost (#D3E0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#69A2BA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#417A74): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#425565): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Timeworn Ash Villa color palette (#F6EFF4, #D3D2E7, #76A3BC, #437668, #26374B)
• Aged Driftwood color palette (#E4FBFA, #C0DBF2, #B1A6B9, #638D87, #3D5153)
• Timeworn Denim Quarry color palette (#E8F3EA, #59ADB8, #006178, #003F37, #002234)
• Mint Basin color palette (#E4FBF9, #7EC296, #B487B1, #4F7F60, #504865)
• Washed Teal Ridge color palette (#F5F6EF, #CBE5E1, #A7D3B8, #4DB4B5, #375145)
• Washed Cerulean color palette (#DDE8DF, #3F8BA4, #004160, #002223, #00091A)
• Hushed Summit color palette (#E5F3E8, #7CB8E9, #4068A6, #004D5E, #242A4F)
• Washed Drift color palette (#EBFAEE, #92D9FF, #3B84C4, #006570, #2B3F65)

Browse the whole catalog at Explore, or see today's palette.