Tempered Harbor color palette — #F0F9E3 · #00C291 · #DA7442 · #8F6B00 · #212105

Jade and Coral Clay set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#F0F9E3): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#00C291): A luminous, balanced teal — the color of shallow lagoons.
• Coral Clay (#DA7442): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#8F6B00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#212105): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged jewel, vibrant.

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 Teal color palette (#F0F8ED, #3ECABD, #D09056, #8C873E, #252A16)
• Jade Field color palette (#F6F7E5, #8AB664, #CC6E7A, #A96639, #271C00)
• Amber Studio color palette (#DEF3DD, #00B5B0, #B47900, #697000, #002012)
• Rust Veranda color palette (#E9F3DD, #009F79, #B64E00, #6A5000, #020700)
• Powder Pier color palette (#EBF9F3, #7EC9F7, #A2AB77, #5C9370, #2B3B2E)
• Faded Moss color palette (#E2FCF4, #59AEFF, #6EA51B, #008F72, #00252D)
• Frosted Balcony color palette (#FDECF9, #92AEFF, #B179C8, #A74E6B, #003239)
• Iris Alley color palette (#F4E2EE, #7C85FD, #249B56, #007679, #00140E)

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