Tempered Harbor color palette — #E9F9F9 · #DBDDE8 · #70B2FF · #0081AD · #1B3361

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

The five colors

• Ivory (#E9F9F9): a clean, paper-quiet neutral.
• Silver (#DBDDE8): bright and airy, almost weightless.
• Cornflower (#70B2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0081AD): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1B3361): A deep, shadowed, balanced 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

• Petrol Meadow color palette (#DCF4F3, #84BEE8, #076AB2, #003B4E, #00020B)
• Wandering Turquoise color palette (#EAF9F6, #D5DEEB, #49B7CD, #007F7C, #053347)
• Frosted Powder Lagoon color palette (#FFF1F6, #CDE8FF, #94B4FF, #00A3B4, #3E356F)
• Cornflower Dune color palette (#F3F7EA, #A3D4FF, #007EEB, #006184, #273F6B)
• Weathered Cerulean Lagoon color palette (#EAF9F7, #8FD9ED, #0087AA, #005056, #000F18)
• Hushed Denim Market color palette (#D6E5E3, #6CAEBB, #005E73, #002B2C, #000102)
• Fuchsia Field color palette (#F4F4FF, #D788F9, #F26E71, #148AE3, #30103D)
• Tempered Wisteria color palette (#F4F4FF, #D1C7FF, #B27BFF, #8349B5, #4C225D)

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