Tempered Harbor color palette — #DFF6FF · #00ACB9 · #E6382E · #006870 · #440101

Poppy and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFF6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00ACB9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Poppy (#E6382E): A luminous, vivid orange — the color of sun-warmed clay.
• Peacock (#006870): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#440101): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Worn Raspberry color palette (#DDF8FD, #00B0A3, #DE357C, #006A62, #42001E)
• Soft Bronze color palette (#D7EDFA, #3E9DC1, #B7612D, #005E79, #321100)
• Pale Drift color palette (#EAFBE6, #00AA9E, #CE5300, #006B63, #632400)
• Hazy Coral color palette (#E1FEE6, #00C5D3, #FF5C53, #008892, #63221E)
• Hushed Petrol Market color palette (#E8F3FF, #7CA8D3, #C27A33, #0068AE, #3D1F00)
• Dusty Delta color palette (#E9F8FF, #70EAFF, #EF747D, #008EA0, #5C0017)
• Hushed Raspberry color palette (#D8FAF8, #52C183, #B73B95, #006D3F, #3E002F)
• Ancient Petrol color palette (#DBEFFF, #0073A5, #854500, #003B57, #110500)

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