Tempered Harbor color palette — #FFDADB · #CADDFF · #30F6C3 · #4A7174 · #253132

A conversation between Lagoon and Powder Blue, giving this palette its sense of calm and sophistication.

The five colors

• Shell Pink (#FFDADB): A whisper-light, dusty red — the color of late-summer berries.
• Powder Blue (#CADDFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lagoon (#30F6C3): A whisper-light, vivid teal — the color of glacier melt.
• Graphite (#4A7174): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#253132): a grounded near-black with real depth.

Feels like: Calm, Sophistication. Tagged neon, dark, vibrant, 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

• Mint Drift color palette (#FFEDE7, #FFC6CF, #69E997, #315A58, #2E3938)
• Dusty Chartreuse Basin color palette (#FFD9E6, #AAE7FF, #C1E558, #4B6D62, #2C3A35)
• Patina Teal color palette (#EBF8FA, #C7E8CD, #71AC9D, #40796C, #1D2F31)
• Soft Mallow color palette (#FFDBD0, #F1A5FF, #00D9D4, #00605E, #092329)
• Worn Mallow color palette (#F2E6CC, #FFB5E1, #85D1FF, #3C5B72, #222A30)
• Softworn Fern color palette (#FFF1F6, #BCFFE6, #E5D5D4, #304A06, #282C25)
• Coral Coast color palette (#EAF8FB, #84D4C8, #D4A5C7, #CF8275, #274247)
• Worn Aqua Boulevard color palette (#EFF6FA, #D7DAE0, #74C3D3, #B7B0BB, #4C5458)

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