Tempered Harbor color palette — #F5F6EC · #C4E2DD · #5BB3CA · #31898A · #2B5140

Cyan takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Silver (#C4E2DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5BB3CA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#31898A): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#2B5140): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Aqua Corridor color palette (#EEF7F6, #D6DEEA, #4ACDEE, #3A9192, #284353)
• Petrol Market color palette (#E8EBD8, #63AEC5, #007093, #004950, #001624)
• Worn Cypress color palette (#FCF3EF, #CBE3D2, #5093B4, #00735D, #573D59)
• Cerulean Coast color palette (#EEF0E4, #A9CFB6, #1D94B5, #006B70, #003346)
• Pale Study color palette (#FFF0FC, #9EB6F0, #57BA9B, #617DC5, #184D3E)
• Lilac Quarry color palette (#FFF0F9, #999AF0, #C480A3, #4093A7, #492E3F)
• Timeworn Ash Pier color palette (#FFF0F8, #E6D6E3, #E5B6CB, #8690B9, #5E4350)
• Soft Iris color palette (#CFE6FF, #8CB9F9, #718CD5, #5762A2, #42466C)

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