Tempered Harbor color palette — #FFF3E5 · #EAD7B1 · #CFB089 · #A88C78 · #544700

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#EAD7B1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CFB089): A luminous, dusty gold — the color of old brass.
• Caramel (#A88C78): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#544700): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Weathered Seafoam Grove color palette (#EEF9EB, #69D9CB, #E4A58F, #B6907A, #364132)
• Hushed Mustard color palette (#FBE3D2, #EAB67D, #CA8D70, #9F6968, #33302A)
• Taupe Market color palette (#EEF8EE, #B3D4BA, #85A586, #8A6A75, #3C4C41)
• Soft Pier color palette (#FFEDC7, #C2D35C, #BDA232, #A57439, #253D1D)
• Washed Driftwood color palette (#E8E1CF, #A0BD7A, #969244, #816639, #222705)
• Faded Bloom color palette (#FAE8DA, #C89534, #B4651B, #83463B, #1A1600)
• Muted Ridge color palette (#EAF5EA, #A9C3B0, #6C8D6D, #714B5C, #1B3227)
• Tempered Turquoise color palette (#EDF9EF, #FFD4BB, #61ACB2, #5D7461, #252E26)

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