Tempered Harbor color palette — #F9E0C6 · #925900 · #006B2A · #00473F · #2F1A00

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

The five colors

• Parchment (#F9E0C6): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#925900): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#006B2A): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00473F): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#2F1A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Wandering Olive Alley color palette (#F0E4C4, #756900, #00675D, #004551, #242000)
• Aged Amber color palette (#F9E4C9, #C09100, #6D5C00, #3D3A00, #262900)
• Bronze Harbor color palette (#F4EEDF, #7F7100, #007165, #742629, #2F250B)
• Worn Workshop color palette (#F3EED6, #616900, #004E4B, #003447, #0E0C35)
• Weathered Loft color palette (#FFF3E7, #E0D0BC, #B9A37E, #814C00, #37322C)
• Feathered Amber Ridge color palette (#FCEFE5, #D96B00, #6C4F00, #6F3300, #191000)
• Nightshade Dune color palette (#E0EBC2, #007D40, #005F8A, #0800BA, #002710)
• Antique Courtyard color palette (#D8E5CC, #006049, #004578, #280073, #00120B)

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