Tempered Harbor color palette — #DDF8FB · #C8EE9B · #00D7A3 · #2C9EDB · #00232C
A conversation between Aqua and Cornflower, giving this palette its sense of nature and growth.
The five colors
- Ivory (#DDF8FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Celadon Mist (#C8EE9B): A whisper-light, balanced green — the color of a quiet forest floor.
- Aqua (#00D7A3): A luminous, balanced teal — the color of sea glass.
- Cornflower (#2C9EDB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Weathered Aqua Ridge color palette (#E1F6FD, #9FF8BC, #00D2EC, #5888D7, #042A3A)
- Chartreuse Lantern color palette (#E5F6F4, #EAD685, #9ED671, #009BA8, #002C2D)
- Powdered Mint Grove color palette (#E2FBFE, #93FBB9, #08CFAB, #00A0A2, #1E454C)
- Misty Celadon Station color palette (#EEFAE2, #C7FE93, #5EE5C9, #4FB8E1, #2B4227)
- Aged Ridge color palette (#E2F1FF, #00C4BE, #05A2F0, #7A52CA, #000C27)
- Ancient Corridor color palette (#E4F5FF, #15F7E1, #15C3F3, #8758F5, #00223A)
- Dusty Teal Balcony color palette (#D0E6E7, #3AC3B9, #008192, #00566F, #0E304A)
- Lime Cabin color palette (#DBF8FF, #00E55F, #00B8B6, #0B5EF0, #00171D)
Browse the whole catalog at Explore, or see today's palette.