Tempered Harbor color palette — #E6FAF9 · #A9E5C0 · #FFABBD · #74BA91 · #58455D

Built around Ballet Pink, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#E6FAF9): A whisper-light, dusty teal — the color of glacier melt.
• Mint (#A9E5C0): A whisper-light, dusty teal — the color of glacier melt.
• Ballet Pink (#FFABBD): A whisper-light, balanced red — the color of embers at dusk.
• Mint Leaf (#74BA91): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#58455D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Antique Seafoam color palette (#E1FBFC, #9EFCD5, #F1C190, #65AA8D, #593D47)
• Turquoise Studio color palette (#EAF8FF, #92E3FC, #FFAEAC, #50B7D5, #5D435B)
• Dusty Taupe Corridor color palette (#EAF9F2, #D5DB94, #DBB5F6, #A9AF62, #4B4969)
• Hushed Mallow color palette (#E0FCFD, #8CDABD, #EAA4CF, #D89282, #304749)
• Wandering Delta color palette (#EDF9F0, #BEE3D4, #C5B584, #A98793, #3A4C48)
• Weathered Blush Study color palette (#E5F9FF, #3CF6F2, #E979A4, #00ADAA, #5E233B)
• Patina Alley color palette (#EFF8EB, #8CD5C6, #9EABF7, #449E8E, #5F4257)
• Softworn Corridor color palette (#EDF5E5, #83C3A8, #C388A2, #3A8166, #472725)

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