Tempered Harbor color palette — #DFF7FC · #00BCB1 · #BE7196 · #00746D · #3E182B

Turquoise and Dusty Rose set the tone — five colors that lean into balance.

The five colors

• Ivory (#DFF7FC): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#00BCB1): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#BE7196): A luminous, balanced rose — the color of a warm blush.
• Teal (#00746D): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#3E182B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Balance. Tagged warm.

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

• Chalky Archive color palette (#D8FAF8, #47BE78, #AB77B5, #31744B, #351C3A)
• Ancient Driftwood color palette (#EBFAE8, #4FB2AA, #B7708C, #00756F, #5C3444)
• Aqua Summit color palette (#E1F6FF, #62C3D7, #CC8971, #1C7F90, #3F2937)
• Hushed Harbor color palette (#EDFAE8, #61CDBC, #DB899D, #009585, #61323E)
• Faded Meadow color palette (#D8F9FF, #00A396, #B75E7E, #9B5255, #072227)
• Wandering Terrace color palette (#E7F4FF, #35B2FC, #B75300, #006192, #381500)
• Feathered Scarlet color palette (#D5EDF6, #0098A2, #D50618, #00575D, #320001)
• Softworn Garden color palette (#DCF8FD, #C6DAEB, #AEC3EB, #568781, #20363D)

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