Tempered Harbor color palette — #E3F6F9 · #009C83 · #847622 · #5B5400 · #001F22

Fern and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E3F6F9): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009C83): A luminous, balanced teal — the color of shallow lagoons.
• Walnut (#847622): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#5B5400): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001F22): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Summit color palette (#DDF7FF, #009A9A, #A66041, #77422A, #021E25)
• Timeworn Cobalt color palette (#EAF2FF, #6184CE, #7A783C, #585502, #0C1A2F)
• Fern Cabin color palette (#D6EAF5, #007790, #665C00, #433C00, #000D12)
• Violet Drift color palette (#E4E7FF, #835BC3, #4F7122, #314E00, #0D0D22)
• Cerulean Studio color palette (#E3F5FF, #009DBD, #984948, #134E1A, #052608)
• Fern Station color palette (#E0F8F1, #53A9C4, #706096, #384F0D, #112437)
• Antique Sky Lagoon color palette (#E6FBF0, #62C0E6, #CE888A, #94692C, #122A20)
• Gentle Bronze Delta color palette (#FDF1FD, #70A1DF, #A87CB4, #946400, #402A41)

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