Tempered Harbor color palette — #F5F7E3 · #1E792F · #005453 · #3D2265 · #2E1905

Olive takes the lead with Royal Purple close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#1E792F): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005453): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#3D2265): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#2E1905): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Creativity, 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

• Navy Meadow color palette (#FEF4E0, #755E00, #00564F, #352975, #321B0A)
• Tempered Atelier color palette (#F1F8EC, #068372, #006370, #5A2E5C, #332812)
• Onyx Garden color palette (#E3FAD7, #006B62, #004079, #4D0049, #1E1900)
• Hazy Moss Boulevard color palette (#FFEAD9, #888D10, #006B53, #5E2560, #233716)
• Olive Veranda color palette (#F7F2DD, #797D0B, #005989, #651444, #4A0E14)
• Frosted Pine Garden color palette (#F7DF94, #9BA256, #307D37, #004C3B, #00373A)
• Fern Drift color palette (#F7F5EE, #D3DCD3, #AFB6A9, #646918, #3D3B2F)
• Nocturne Workshop color palette (#E7F0D7, #004E37, #00353C, #2F0036, #0E0800)

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