Tempered Harbor color palette — #DEFCFE · #CADCF1 · #ABC6DC · #A195A8 · #5B4C58
Built around Sky, softened by Powder Blue — the whole palette hums with sophistication and softness.
The five colors
- Ivory (#DEFCFE): A whisper-light, dusty blue — the color of open sky before noon.
- Powder Blue (#CADCF1): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#ABC6DC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#A195A8): A luminous, dusty violet — the color of wild irises.
- Charcoal Brown (#5B4C58): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Timeworn Alley color palette (#F1F7F2, #D6DFED, #95D0EE, #6AB1AD, #455463)
- Wandering Lilac Hollow color palette (#CBEDFF, #ABCBEA, #A3A5E3, #9D7D92, #3A4D39)
- Aged Meadow color palette (#E2F9E9, #BDD6C9, #7D9D94, #80656D, #55383D)
- Cocoa Bloom color palette (#F8F8D5, #C2EEE1, #D4BDD0, #A48F85, #7C401F)
- Softworn Shell color palette (#EAF8FF, #94E2FB, #FFB195, #5AB6D2, #5F4355)
- Antique Periwinkle Workshop color palette (#C4E6E8, #81C1E8, #8199D3, #A06963, #4C2938)
- Washed Sky color palette (#ECF7FF, #CBDDFF, #6EC0F3, #5596B7, #183B51)
- Washed Iris Field color palette (#E1EFF7, #81A7D8, #8076C5, #82563D, #0F2B16)
Browse the whole catalog at Explore, or see today's palette.