Tempered Harbor color palette — #FBF3EE · #C6ECEA · #739EC3 · #417A75 · #5E4C5A

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Honeydew (#C6ECEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#739EC3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#417A75): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5E4C5A): A full-bodied, dusty pink — the color of peonies in June.

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

• Olive Summit color palette (#FCF3EF, #C6EEE3, #62A4B7, #637835, #375148)
• Antique Lagoon Ridge color palette (#FAF3F7, #D8D5E5, #95B4D9, #529585, #495269)
• Cypress Corridor color palette (#F8F0EC, #C8E5E4, #AD92AF, #3B786A, #432F3C)
• Apricot Veranda color palette (#FFF2EA, #E79A76, #5FA2C4, #9D6144, #385449)
• Tempered Chapel color palette (#FFF3E9, #D48041, #5593AF, #616E9E, #633500)
• Washed Cerulean color palette (#FEF2ED, #A8D1B2, #2083A9, #00624D, #47314A)
• Turquoise Lantern color palette (#F0E3DC, #39AECC, #005D8B, #003F37, #091D44)
• Hushed Cornflower Alley color palette (#FDF3E9, #A3D4FF, #5578DC, #006571, #3F3962)

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