Tempered Harbor color palette — #E0F6FF · #0CF0D3 · #00BCDA · #2A8CDB · #00232D
Built around Lagoon, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#E0F6FF): A whisper-light, dusty blue — the color of open sky before noon.
- Lagoon (#0CF0D3): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00BCDA): A luminous, balanced blue — the color of open sky before noon.
- Azure (#2A8CDB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00232D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.
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
- Hazy Mint color palette (#DCF7FF, #00ED8C, #00C6BE, #008DC1, #002225)
- Muted Sky Corridor color palette (#E6F4FF, #00E5EE, #07BBF7, #5C6DC1, #00162A)
- Gentle Harbor color palette (#E4FCEC, #02F8ED, #09D8EE, #00AFE9, #003946)
- Linen Mint Corridor color palette (#E2FEE9, #00E990, #00B9D5, #536FED, #003A4B)
- Weathered Delta color palette (#B4F7FB, #66B9E5, #6577B2, #5E4359, #401E2F)
- Patina Garden color palette (#D6F4FD, #09AFEF, #0077BE, #01449A, #172151)
- Chartreuse Basin color palette (#C7FEFD, #91F317, #00CB95, #009A9F, #001E17)
- Patina Powder color palette (#E9F3FF, #95E2FF, #99C6FF, #9988C2, #15243E)
Browse the whole catalog at Explore, or see today's palette.