Tempered Harbor color palette — #EDF7FF · #A9DBFF · #E5AE7B · #3B92C9 · #50300F
A conversation between Cerulean and Sand, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Powder Blue (#A9DBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sand (#E5AE7B): A luminous, balanced gold — the color of afternoon light on wheat.
- Cerulean (#3B92C9): A luminous, balanced blue — the color of open sky before noon.
- Espresso (#50300F): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. 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
- Chalky Garden color palette (#F2F5FF, #D3CDFF, #C5BF66, #8A7DCA, #3E3A02)
- Hazy Lagoon Grove color palette (#E7F9FF, #8CE6EB, #EF9FBC, #009DA4, #572539)
- Azure Field color palette (#E5FBF2, #91D5FF, #9ACE8E, #00ABEF, #294D22)
- Washed Ash color palette (#EDF6FF, #DCD9E3, #80BBC2, #BBABA2, #3A485C)
- Quiet Amber color palette (#EEF6FF, #83C0FF, #D89C64, #B8883A, #1A2D3F)
- Gentle Amber color palette (#E4FCF1, #55ABD3, #AF8100, #006F95, #46423B)
- Wandering Cobalt color palette (#F1F5FF, #E1EDB2, #6A72A6, #2D3851, #0B0F19)
- Quiet Lapis Delta color palette (#F0F5FF, #94AEFF, #D78706, #3646FD, #2E1900)
Browse the whole catalog at Explore, or see today's palette.