Tempered Harbor color palette — #FFF0FD · #FF4445 · #008CAF · #AF0118 · #004153

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

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Scarlet (#FF4445): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#008CAF): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#AF0118): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#004153): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Amber Studio color palette (#FFF0F8, #E76A00, #0089BF, #934100, #00405C)
• Peony Summit color palette (#FAF2FF, #F0499E, #00918E, #A40A64, #004442)
• Tempered Scarlet color palette (#FFE4DF, #E92300, #007DA8, #3B5992, #4E2119)
• Weathered Lantern color palette (#F9D1E5, #C35E00, #00778E, #733500, #002F39)
• Weathered Brick color palette (#FFEEE6, #E57064, #8769E2, #AD060E, #250854)
• Scarlet Orchard color palette (#FFF0FC, #FF847B, #9B84FF, #CD3B39, #3C2975)
• Aged Rose color palette (#FFF2EC, #FFACA1, #5DD1FF, #F3443B, #004156)
• Soft Sapphire Dune color palette (#E0FFDF, #D69425, #4A61DB, #7D5200, #2A3668)

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