Tempered Harbor color palette — #F6E2DA · #339AA2 · #00506D · #002E16 · #000313

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F6E2DA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#339AA2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00506D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002E16): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Pale Workshop color palette (#F4E5D8, #0F95CB, #12409E, #002C28, #050018)
• Softworn Station color palette (#E0F4E4, #4ECBD7, #00738B, #003F35, #000306)
• Washed Petrol Canyon color palette (#F4E7F0, #53B2BB, #007190, #004C38, #001529)
• Washed Cocoa color palette (#D1F9F9, #00696A, #7D2B00, #003131, #080100)
• Periwinkle Lagoon color palette (#D6E8EA, #31A6FD, #915FB2, #004413, #000609)
• Aged Station color palette (#FCEFE8, #94D4DE, #1F85B9, #025E3E, #121F3D)
• Weathered Quarry color palette (#F8F0EB, #B1E5FF, #6C8FC4, #1D6C62, #3D2232)
• Chestnut Grove color palette (#FFEBDA, #775E00, #512B00, #350001, #010200)

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