Tempered Harbor color palette — #E4F1E6 · #1F9D97 · #00545B · #002D1E · #000508

Fern and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F1E6): A whisper-light, dusty teal — the color of sea glass.
• Fern (#1F9D97): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00545B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#002D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000508): quiet, heavy and certain.

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

• Tempered Studio color palette (#DFEDE2, #55ABB6, #00627A, #003A33, #000C16)
• Antique Abyss color palette (#DAE8DC, #4A8195, #00405F, #001F20, #000105)
• Aqua Parlor color palette (#E9F6EB, #5DCFD6, #007F96, #005345, #001D2A)
• Weathered Spruce color palette (#F4EAF6, #68CAC5, #00738C, #044109, #000308)
• Softworn Cobalt color palette (#E1EDE3, #89B9E2, #3868BA, #00495A, #0E1135)
• Gentle Cobalt color palette (#EBF5ED, #97D9FF, #0086E2, #00606C, #10224B)
• Chestnut Terrace color palette (#E2F2E4, #726100, #483200, #261200, #020200)
• Softworn Mulberry Hollow color palette (#FDE8FE, #AB0039, #005456, #540018, #000404)

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