Tempered Harbor color palette — #FBF2F8 · #C2E6F9 · #6EB8FB · #00A382 · #31375C

Fern and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Powder Blue (#C2E6F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#6EB8FB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A382): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#31375C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Teal Harbor color palette (#FBF2F6, #D8DDF4, #A9BCEE, #14AEAB, #4B4067)
• Quiet Emerald color palette (#FFF0FD, #8AECF4, #07BAF6, #009E59, #002D72)
• Hushed Iris Orchard color palette (#F9EAEF, #B6D7F7, #8A9CFC, #009094, #372151)
• Sky Canyon color palette (#F0F8F1, #D4D7E7, #37B3EB, #007F7D, #14304A)
• Softworn Terrace color palette (#CBEBF4, #31C5C3, #CB87D6, #DA5B91, #00313C)
• Antique Mustard color palette (#DAFEFC, #CADDF4, #C1BFEA, #AAB45F, #07444E)
• Powdered Cobalt Dune color palette (#F2E8ED, #69ABC4, #2275CA, #005F50, #08002A)
• Powdered Jade Villa color palette (#DCFCFF, #83E1D2, #00BB94, #008871, #002C25)

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