Tempered Harbor color palette — #FFF0FB · #98ADFF · #52BF80 · #009D96 · #20284D
Jade takes the lead with Sky close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#98ADFF): A luminous, balanced violet — the color of a velvet chair.
- Jade (#52BF80): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#009D96): A luminous, balanced teal — the color of glacier melt.
- Midnight (#20284D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged 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
- Misty Balcony color palette (#FFF0FE, #81B4FF, #E67CC0, #009F87, #132B4E)
- Lime Terrace color palette (#D8FFF3, #60BBFF, #88B847, #00A267, #052E49)
- Weathered Lantern color palette (#FFF1F7, #B091FF, #588323, #006E49, #2E2349)
- Ancient Mint color palette (#FCF4E9, #DDBE88, #87C7A7, #61A7A9, #533700)
- Mallow Studio color palette (#FFF1F1, #EA9DCD, #D0A378, #7490C1, #452B2C)
- Ancient Bronze color palette (#F2F5FF, #B9A7FF, #AF7400, #007A56, #1D1337)
- Ancient Blush Harbor color palette (#FFF0FD, #8EB0FF, #F076B4, #D15F63, #3C2039)
- Timeworn Wisteria color palette (#FCD1DB, #CA71E9, #D86E4A, #007EAA, #270E2F)
Browse the whole catalog at Explore, or see today's palette.