Tempered Harbor color palette — #DEF0E9 · #78BDFF · #E6529A · #613648 · #190D0C
Built around Hot Pink, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DEF0E9): A whisper-light, dusty teal — the color of sea glass.
- Sky (#78BDFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Hot Pink (#E6529A): A luminous, vivid rose — the color of a warm blush.
- Cocoa (#613648): A deep, shadowed, dusty rose — the color of a warm blush.
- Ink (#190D0C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.
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
- Tempered Villa color palette (#C9F7FD, #B3C5FF, #E676A7, #67403D, #201615)
- Tempered Loft color palette (#D2DFF8, #37BCFF, #FF7487, #623D33, #1D0B07)
- Airy Magenta color palette (#CFE9E3, #00CFDE, #E635D4, #53324E, #1F1012)
- Linen Apricot color palette (#E6DDEA, #ACABFF, #FF8761, #793722, #1D0F07)
- Scarlet Courtyard color palette (#DEEFFF, #9B8CF2, #E52C2C, #55211D, #0B0201)
- Tempered Mint color palette (#D9F4FA, #00CE94, #AF91FF, #413561, #1D0F16)
- Washed Coast color palette (#F1D8CE, #B2C26E, #BC534F, #703431, #180501)
- Hazy Lime color palette (#E2EAFB, #83C100, #FF6554, #491C16, #1A0E18)
Browse the whole catalog at Explore, or see today's palette.