Tempered Harbor color palette — #FFF1F1 · #FFA178 · #A36D00 · #4F4600 · #081400
Melon takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#FFA178): A luminous, balanced orange — the color of autumn markets.
- Ochre (#A36D00): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4F4600): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#081400): 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
- Marigold Market color palette (#FFF2E9, #F0A834, #888400, #1D4E00, #001A0D)
- Quiet Rust color palette (#FFECF7, #FF9BA5, #CB4900, #5A3500, #161200)
- Tempered Amber Lagoon color palette (#FFF2EF, #FDB482, #B48400, #5B5C00, #0C2900)
- Ancient Apricot Garden color palette (#FFEBE5, #E48C00, #756700, #2A3500, #000401)
- Coral Cabin color palette (#DEFFE4, #F27A59, #7F6900, #1F3588, #200C00)
- Frosted Atelier color palette (#F3E2E8, #D46D50, #7F5100, #343300, #021100)
- Dusty Lagoon color palette (#FFEAD9, #AC8700, #455600, #002507, #000201)
- Muted Olive Basin color palette (#EFECD8, #648700, #004D1A, #001812, #000102)
Browse the whole catalog at Explore, or see today's palette.