Tempered Harbor color palette — #F8E9BC · #B9AA55 · #7E7C00 · #575C00 · #4A4942
Built around Olive Leaf, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Custard (#F8E9BC): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#B9AA55): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#7E7C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#575C00): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#4A4942): a grounded near-black with real depth.
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
- Chalky Marigold color palette (#EDDDC9, #C89F16, #898100, #475C1E, #2C3111)
- Antique Bronze color palette (#FFE9D5, #DFA259, #AA7300, #765400, #4F4B44)
- Powdered Olive color palette (#F2EEC5, #89B166, #398D30, #286733, #494B44)
- Worn Olive Chapel color palette (#F7F6E8, #95A961, #0099B8, #5A7000, #254C38)
- Mustard Boulevard color palette (#FFDCC5, #E8BE76, #B4AC51, #609050, #204D38)
- Linen Olive color palette (#F9F8D2, #A7C680, #5B8300, #315100, #223203)
- Muted Seafoam color palette (#F6F7E5, #C8E7C9, #85DCB5, #7D8B58, #4F5100)
- Chalky Terrace color palette (#E2E7CF, #80A000, #4B6D00, #1A4C00, #003228)
Browse the whole catalog at Explore, or see today's palette.