Tempered Harbor color palette — #F7EFF6 · #7995C7 · #AB754F · #5A6516 · #2C1D2B

Built around Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Blush (#F7EFF6): a clean, paper-quiet neutral.
• Blue Fog (#7995C7): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#AB754F): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5A6516): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2C1D2B): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Chestnut Garden color palette (#E8F6EF, #649DB9, #A7736E, #775819, #12281F)
• Weathered Field color palette (#FDEDF2, #A388B8, #8E834E, #087048, #311B23)
• Tempered Fern color palette (#FAEEF2, #A493BC, #976253, #3A5700, #002D38)
• Muted Rust color palette (#EFF6FF, #6C90D0, #B66457, #386D44, #353E4A)
• Washed Fern Courtyard color palette (#F9F1E4, #C99CB0, #956789, #57551D, #3A252C)
• Tempered Periwinkle color palette (#EFF6FF, #88ABEB, #CA8A64, #7A7F48, #343E4C)
• Indigo Balcony color palette (#FFEBF7, #7367DD, #955D00, #1F5800, #120D30)
• Dusty Indigo color palette (#FBE1EA, #8563A8, #766300, #005134, #200511)

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