Tempered Harbor color palette — #EDF7FF · #91CBF6 · #C69FC7 · #5E8E74 · #253340

Built around Sky, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Sky (#91CBF6): A luminous, balanced blue — the color of open sky before noon.
• Mauve (#C69FC7): A luminous, dusty pink — the color of peonies in June.
• Fern (#5E8E74): A luminous, dusty teal — the color of shallow lagoons.
• Deep Teal (#253340): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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 Powder Terrace color palette (#EDF7FF, #97CAF0, #A2B68B, #5C8F75, #26333E)
• Washed Powder Atelier color palette (#F1F5FF, #C4C5FF, #B789AB, #307874, #183C55)
• Antique Thicket color palette (#EFF6FE, #A7C5EF, #E4A2A5, #AC994E, #303E50)
• Aqua Chapel color palette (#E8F8FF, #73C2CC, #A48D56, #66774C, #0F2628)
• Ash Study color palette (#FFF0FC, #DFD6FF, #B693C3, #95645D, #3C3D54)
• Periwinkle Terrace color palette (#F1F6FC, #DAD9E4, #AFA6DB, #789BD1, #1B1D29)
• Patina Basalt Harbor color palette (#F1F5FF, #E1D8E1, #C2A9E2, #8C6A9B, #552859)
• Washed Blush color palette (#FEF0FD, #EF9698, #A9A153, #5E7D45, #2E1E2E)

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