Tempered Harbor color palette — #D9E3C8 · #FF9B63 · #078F5D · #105638 · #080D00

Apricot takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D9E3C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Apricot (#FF9B63): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#078F5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#105638): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#080D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

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

• Patina Balcony color palette (#CFE5D2, #FF9886, #008991, #005358, #010F04)
• Worn Marigold color palette (#E2DFCB, #F8A31D, #6F831A, #444E22, #0E0B00)
• Worn Marigold color palette (#CDE4E0, #CE9C07, #276526, #0E320D, #000F0D)
• Worn Fern Cabin color palette (#F6F7E4, #C8BE5F, #2F5F09, #0A1E00, #010100)
• Teal Corridor color palette (#ECF9EE, #FFC5BA, #5BA2A9, #4E6B54, #19251B)
• Powdered Garden color palette (#D4EFDD, #F85463, #006473, #002E36, #000201)
• Patina Abyss color palette (#DDF1EF, #B5814D, #004618, #001805, #000202)
• Hushed Teal color palette (#EBF1E6, #C1D9D5, #A4BEC1, #57A38A, #293122)

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