Tempered Harbor color palette — #FAF0E7 · #D3C19F · #91833A · #6E5A6B · #34312A

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

The five colors

• Cream (#FAF0E7): bright and airy, almost weightless.
• Sand (#D3C19F): A luminous, dusty gold — the color of old brass.
• Moss (#91833A): A luminous, balanced green — the color of fresh herbs.
• Graphite (#6E5A6B): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#34312A): a grounded near-black with real depth.

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

• Ancient Lagoon Corridor color palette (#F7F2E4, #C6C69B, #608F74, #546758, #31322B)
• Dusty Powder color palette (#FCEDF4, #B7A7EA, #84A96E, #75689C, #31322B)
• Aged Ash Station color palette (#F7F0EA, #C0ECEE, #7E9ECB, #58735A, #442E3D)
• Weathered Ash Station color palette (#F0F7F1, #BCD9C8, #7BA697, #678290, #415248)
• Tempered Stone color palette (#FFECF3, #E5D4CE, #D6BDA0, #A589A2, #473538)
• Lime Lantern color palette (#FFF0D7, #A6B141, #3D7C30, #4B4475, #272000)
• Softworn Balcony color palette (#FFECF3, #A98AD9, #8B9548, #5F835D, #342029)
• Olive Corridor color palette (#F8E5CE, #726A00, #253F00, #20163C, #030300)

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