Tempered Harbor color palette — #F4E5D5 · #EDAC3E · #C99500 · #967900 · #493E00
A conversation between Mustard and Saffron, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4E5D5): A whisper-light, dusty gold — the color of honey in a jar.
- Saffron (#EDAC3E): A luminous, balanced gold — the color of afternoon light on wheat.
- Mustard (#C99500): A luminous, balanced gold — the color of old brass.
- Ochre (#967900): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#493E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Gentle Workshop color palette (#FFF2EC, #FFB558, #B08300, #655C00, #283104)
- Tempered Taupe Summit color palette (#DDEDE1, #CEC381, #B59B4C, #917542, #1E362C)
- Faded Mustard color palette (#C8F4D8, #D8CB71, #B6B411, #879238, #444F29)
- Amber Courtyard color palette (#FFD8CC, #FE996A, #E76E00, #B56300, #512E00)
- Washed Alley color palette (#E0F5E2, #E4B764, #FF79CD, #BB8700, #4E253E)
- Moss Ridge color palette (#E9E5C2, #929200, #6D7900, #3E5100, #081600)
- Ancient Ridge color palette (#EAEFDB, #9FC85C, #64AF00, #438B31, #214224)
- Lime Studio color palette (#CBEEDF, #B2B712, #00BFA4, #E07239, #123227)
Browse the whole catalog at Explore, or see today's palette.