Tempered Harbor color palette — #DDFCFF · #F4E82B · #00E2BA · #4B9DF6 · #001C1E

Lemon and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DDFCFF): A whisper-light, dusty blue — the color of open sky before noon.
• Lemon (#F4E82B): A whisper-light, vivid green — the color of fresh herbs.
• Aqua (#00E2BA): A luminous, balanced teal — the color of shallow lagoons.
• Cornflower (#4B9DF6): A luminous, balanced blue — the color of deep harbor water.
• Ink (#001C1E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, 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

• Misty Seafoam Field color palette (#E0FBFF, #EEFFA6, #04F9EC, #7DA7F1, #00202F)
• Pale Mint Bloom color palette (#DBFDFE, #FFE3A6, #49E78E, #009CD3, #001E16)
• Misty Aqua Market color palette (#E8F8FF, #BFFFC3, #06D5F2, #8481DF, #00131E)
• Mint Delta color palette (#DCFCCE, #61CCBB, #7691BB, #6B5065, #391C33)
• Powdered Seafoam color palette (#EAFBE0, #61F0A3, #00D5E5, #00B9BC, #002E2A)
• Chartreuse Chapel color palette (#E6F9FF, #92DD02, #00C1C4, #6A71E1, #000204)
• Weathered Mint Canyon color palette (#D6F4F9, #51D797, #00AB97, #00848D, #001210)
• Mint Loft color palette (#E6FBF2, #7ED099, #008881, #4F552C, #001D1C)

Browse the whole catalog at Explore, or see today's palette.