Tempered Harbor color palette — #F2E7D1 · #ABB573 · #907F44 · #735431 · #30312A

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

The five colors

• Parchment (#F2E7D1): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABB573): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#907F44): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#735431): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#30312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Apricot Summit color palette (#FFE1CF, #D5A274, #AA705A, #784F43, #34302A)
• Faded Moss color palette (#F6E9C8, #8EAC48, #7E731D, #684503, #232705)
• Worn Driftwood color palette (#E7FBEE, #C8CC9C, #9A8A47, #735112, #002920)
• Softworn Bronze Chapel color palette (#D7EFDF, #9ECDBE, #B09D5B, #A26B3D, #003936)
• Pale Marigold color palette (#FFD4B5, #D59800, #B15F00, #893324, #2F2900)
• Washed Bronze Cabin color palette (#FFF3E6, #DEC89F, #B6946F, #A0643B, #554700)
• Sunlit Bronze Lantern color palette (#FFD4DD, #FF8B7C, #C06607, #775300, #323300)
• Olive Balcony color palette (#ECDFCE, #7C7000, #5B3F00, #3B1900, #020400)

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