Tempered Harbor color palette — #F6EDD3 · #58A173 · #00767E · #4E2100 · #0B1200

Built around Fern, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F6EDD3): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#58A173): A luminous, balanced teal — the color of sea glass.
• Teal (#00767E): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#4E2100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0B1200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cypress Terrace color palette (#D7E6E0, #708D66, #007F65, #433300, #010200)
• Weathered Balcony color palette (#F9E0D5, #A29751, #007955, #5D1028, #120A00)
• Aged Basin color palette (#DBE4C2, #36A29D, #4C75B5, #332F00, #00150D)
• Ancient Lagoon color palette (#F6F1D2, #8EB388, #1A9D7F, #5E4800, #081000)
• Aged Terracotta Basin color palette (#E4F4EA, #64B9A1, #00A8BD, #A14700, #0F1300)
• Twilit Basin color palette (#F6E9C6, #42651C, #312C00, #1B0D00, #000502)
• Chalky Cobalt color palette (#C4EBC4, #7EC4C6, #5785C4, #5A4A00, #002C1E)
• Midnight Navy Bloom color palette (#E4E6D7, #1F6D16, #000C7E, #032501, #050005)

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