Tempered Harbor color palette — #F7F6EA · #DCB995 · #596524 · #3A3932 · #242821

Olive and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Sand (#DCB995): A luminous, dusty gold — the color of old brass.
• Olive (#596524): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3A3932): quiet, heavy and certain.
• Onyx (#242821): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Basalt color palette (#FDF3EB, #CAC191, #7D5331, #542E00, #292519)
• Timeworn Taupe color palette (#EDF8F4, #F5D9B1, #9CA472, #567569, #212F2A)
• Washed Stone Villa color palette (#F0F8F1, #E19894, #005D61, #003638, #10211D)
• Chestnut Meadow color palette (#E4E4D2, #8C4C00, #172323, #0B1900, #010300)
• Airy Field color palette (#F4F8E0, #E8843C, #005818, #003009, #1A1C0C)
• Plum Study color palette (#D0E5D5, #B33B55, #4A444F, #002227, #000607)
• Lagoon Summit color palette (#FFF2EF, #97B276, #088791, #7E4555, #464942)
• Amber Loft color palette (#DBE1D0, #C47552, #004126, #001C0D, #000902)

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