Tempered Harbor color palette — #FBF4EA · #BE7C31 · #3A6C96 · #2A506F · #3E2F2E

Mustard and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Mustard (#BE7C31): A luminous, balanced gold — the color of old brass.
• Slate (#3A6C96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#2A506F): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#3E2F2E): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Muted Coral Veranda color palette (#FFF2ED, #C57076, #00788B, #225965, #3E2D36)
• Ancient Amber Veranda color palette (#FBF4E9, #B59344, #307B91, #5D4974, #58383D)
• Ancient Moss Summit color palette (#F8F6E7, #7D912C, #705E94, #50436B, #3A322F)
• Weathered Lagoon color palette (#EFF8EF, #BE9861, #4E9872, #795D8D, #2C3C2D)
• Wandering Lantern color palette (#FAF0E7, #AF825D, #1B7D69, #59385F, #261A0F)
• Aged Field color palette (#F9F4ED, #D9DCD3, #9EB0B1, #A3793B, #56524C)
• Mustard Veranda color palette (#FFF2E9, #D7BA71, #81854C, #446943, #005645)
• Patina Iris Delta color palette (#FFF1F5, #DDB48B, #49B4C8, #8780CB, #3F3042)

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