Tempered Harbor color palette — #F0F6FC · #D8DEED · #BBB9DD · #0076DF · #253445

Royal Blue takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D8DEED): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#BBB9DD): A luminous, dusty violet — the color of twilight just after sunset.
• Royal Blue (#0076DF): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Teal (#253445): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Timeworn Cerulean Meadow color palette (#EEF7FB, #D4DFED, #B3BDD9, #0084A4, #193746)
• Weathered Parlor color palette (#FBF1FC, #E8D6D7, #B4AE9C, #3180D3, #2C1F2D)
• Antique Terrace color palette (#F2F5FE, #E2D6E5, #D5B6CB, #816FEC, #3A3F50)
• Timeworn Ultramarine color palette (#FBF2FA, #E3CADC, #A0A1D4, #1D52B8, #3D2D3B)
• Weathered Balcony color palette (#D6DEF5, #6E4FFF, #4F215A, #180E45, #010714)
• Antique Plum color palette (#CFEDFF, #009BC2, #BA007A, #454D00, #002B2B)
• Timeworn Canyon color palette (#F2F5FB, #DBD8DF, #C0AFB5, #849BCA, #4E535B)
• Muted Fern color palette (#D9F1F9, #95B2F3, #A56CAA, #526600, #004339)

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