Tempered Harbor color palette — #DFFFE1 · #DAE7FB · #82BDEE · #757DAB · #5D414E

Sky takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFFFE1): A whisper-light, dusty green — the color of fresh herbs.
• Frost (#DAE7FB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#82BDEE): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#757DAB): A luminous, dusty violet — the color of twilight just after sunset.
• Cocoa (#5D414E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Powder Study color palette (#E7F5FF, #AADAFF, #8ABEED, #6E93C0, #3E4E67)
• Dusty Mallow Quarry color palette (#D8FFF3, #D8E3FF, #BFA5EB, #906E91, #5E4041)
• Denim Lantern color palette (#CCEEE0, #94C6E9, #5A92C3, #29588D, #452B44)
• Gentle Iris color palette (#EEF6FF, #A2C0FF, #8473DB, #7B4B8A, #4B2338)
• Seafoam Study color palette (#EFFCD0, #8FF9E3, #55C3C8, #4E8B9E, #305048)
• Sand Atelier color palette (#FEF0FF, #DADBF7, #EFC488, #779DCA, #613E00)
• Powder Market color palette (#FFF0FB, #DCD2D9, #92ACE1, #556993, #372032)
• Worn Indigo Garden color palette (#B4E8FF, #7BACFF, #7467F2, #5E2D7E, #360B32)

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