Tempered Harbor color palette — #F3F8E5 · #85D6FF · #0096DB · #006F85 · #00355C
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3F8E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#85D6FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0096DB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006F85): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00355C): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Wandering Lagoon color palette (#F4F6ED, #BADECC, #43A0D1, #00798C, #183E5A)
- Frosted Basin color palette (#EAFAED, #ABE3FF, #52B2FF, #0096A3, #102F67)
- Dusty Cobalt Parlor color palette (#FFF3E9, #6CC4EC, #006FC6, #005655, #222A6B)
- Periwinkle Garden color palette (#FFF2E9, #D9E4F9, #5B99F9, #007368, #260A61)
- Softworn Teal color palette (#ECECDF, #4BA2A0, #00656A, #003C34, #000C0F)
- Hazy Violet Archive color palette (#D3EECD, #00B6AB, #8173FF, #007971, #2A1B6B)
- Sky Archive color palette (#E2FFDE, #8AF5FC, #18C8F5, #009A81, #004547)
- Antique Powder color palette (#F4F6F0, #C9E4E8, #8FB5DF, #5C8EA6, #5F4B5E)
Browse the whole catalog at Explore, or see today's palette.