Tempered Harbor color palette — #EDF7FF · #A9DCFF · #F7AAE1 · #69B1E0 · #524664

Built around Carnation, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Powder Blue (#A9DCFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Carnation (#F7AAE1): A whisper-light, balanced pink — the color of a candy shop window.
• Cyan (#69B1E0): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#524664): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Washed Mallow color palette (#EFF6FF, #A7C8FF, #E5A3E6, #70BEBD, #394352)
• Hushed Seafoam color palette (#F1F5FF, #CCD1FF, #5CE0CD, #9DA2E0, #2D545A)
• Hushed Powder color palette (#EEF6FF, #D9D8E3, #95BEDD, #B9ACA5, #444E5D)
• Patina Powder color palette (#EEF6FF, #D8D8F8, #82BAFD, #678FC1, #263C54)
• Tempered Studio color palette (#EDF6FF, #95CAF9, #EC997B, #5892C3, #604256)
• Iris Alley color palette (#F0F5FF, #ACC4FF, #FF8FAB, #698FFF, #612134)
• Cocoa Meadow color palette (#E6FBF3, #D3DDFB, #F4BF9A, #66A1C9, #683900)
• Faded Apricot Basin color palette (#F4F4FF, #DCBBFD, #FFA379, #B289D9, #5F3623)

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