Tempered Harbor color palette — #DCE1CF · #72A4BC · #005F8A · #003843 · #000C1A

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

The five colors

• Bone (#DCE1CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#72A4BC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005F8A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003843): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000C1A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Denim color palette (#F2E8ED, #72A7C0, #00599C, #003E3D, #101354)
• Tempered Thicket color palette (#EAEADA, #449A95, #005457, #002D24, #000507)
• Cobalt Alley color palette (#D6E5E3, #83BAD3, #007DB3, #005766, #00213A)
• Cerulean Coast color palette (#D5EBE7, #5FC1C2, #3B9BB2, #005241, #001514)
• Worn Cobalt color palette (#FDF3EB, #9ED5EE, #297DC9, #00514F, #050232)
• Hushed Pewter color palette (#F1F3EB, #C7DFDC, #7CA890, #537557, #203D31)
• Ancient Pine Thicket color palette (#DCF2E1, #007C50, #005A42, #002A21, #000C09)
• Patina Alley color palette (#E4F2D4, #007E5E, #7A4D00, #00412F, #0E0600)

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