Tempered Harbor color palette — #F9EFEB · #C5E6CF · #5396BB · #006E5D · #372438

Pine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EFEB): bright and airy, almost weightless.
• Celadon Mist (#C5E6CF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5396BB): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#372438): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Antique Periwinkle Grove color palette (#F6F1EC, #C5E6EA, #849BD0, #237783, #432F3A)
• Airy Cerulean color palette (#FEEEE7, #8AE0EC, #008FBB, #00644E, #002648)
• Weathered Ember color palette (#E5F7EC, #44B3D2, #D5685B, #007088, #421814)
• Mallow Quarry color palette (#E4F8EA, #B4E4EC, #D3BEF9, #398877, #213A31)
• Aged Loft color palette (#F4E4D9, #4196B1, #004D7A, #002C28, #00001F)
• Teal Meadow color palette (#D4EBC5, #37C3B6, #00889A, #00536F, #04382D)
• Dusty Aqua color palette (#EFF7F6, #D6DEEA, #6EC9E6, #2A9296, #294353)
• Dusty Cobalt color palette (#D6FCE9, #74C9F0, #0086BB, #00495E, #001722)

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