Tempered Rose Harbor color palette — #ABF3FA · #00B4BF · #FC2D37 · #00777F · #5C0008

Built around Scarlet, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#ABF3FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00B4BF): A luminous, balanced blue — the color of open sky before noon.
• Scarlet (#FC2D37): A luminous, vivid orange — the color of autumn markets.
• Teal (#00777F): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#5C0008): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Tempered Rose 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

• Weathered Boulevard color palette (#B5F3EA, #00B7A8, #FA0C84, #007A70, #59002B)
• Worn Hollow color palette (#C4ECFA, #39E2EB, #E96354, #009BA2, #5C0202)
• Wandering Rust Lantern color palette (#CBF0CE, #00979B, #CA2900, #005A5D, #590C00)
• Weathered Sky color palette (#C0F2DE, #30BDFF, #BC5E00, #00729F, #4A2100)
• Powdered Denim Study color palette (#F7D9FB, #6DB4FF, #BD7C00, #005BA3, #412800)
• Hazy Magenta color palette (#C1F3D1, #30CF7D, #C42FB4, #007E46, #51004A)
• Tempered Villa color palette (#E8FBEE, #60D7F0, #DEA08F, #3F9AAD, #534B47)
• Pale Moss color palette (#E7F9FF, #00CAD4, #AA9D00, #007A80, #231F00)

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