Tempered Harbor color palette — #D6E5E0 · #47A26D · #003B63 · #001325 · #000202

A conversation between Fern and Navy, giving this palette its sense of nature and growth.

The five colors

• Silver (#D6E5E0): bright and airy, almost weightless.
• Fern (#47A26D): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#003B63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001325): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Ancient Villa color palette (#D8E5D7, #789C30, #004240, #001615, #000200)
• Tempered Navy Harbor color palette (#F2E4F1, #5DB48D, #1C4484, #081B3A, #090309)
• Feathered Amber Field color palette (#CEE0F7, #DA6603, #053172, #001338, #060515)
• Dusty Denim Dune color palette (#EEE6EA, #D8C6CD, #BC98A3, #55498B, #1C1318)
• Tempered Denim color palette (#FBF1FC, #F4A761, #005099, #001835, #030004)
• Navy Study color palette (#E7DAE4, #CD6981, #182097, #050B35, #040004)
• Aubergine Terrace color palette (#F8E7EC, #D36960, #50007F, #1D0032, #060002)
• Weathered Pewter color palette (#FCEEF0, #EBB5A3, #775375, #47262C, #1B1112)

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