Tempered Harbor color palette — #FFF0F8 · #A0D7AF · #65AFD0 · #B96A3C · #19444B
Ochre takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Pistachio (#A0D7AF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#65AFD0): A luminous, balanced blue — the color of deep harbor water.
- Ochre (#B96A3C): A luminous, balanced orange — the color of toasted spice.
- Deep Teal (#19444B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, 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
- Patina Driftwood Lantern color palette (#ECF9EF, #A4DBE4, #8DB0E2, #A2894C, #2D4D59)
- Raspberry Drift color palette (#FBF1FF, #CCCD82, #5DB7AB, #BC5F83, #1D453F)
- Antique Azure color palette (#EAFAED, #6EE2DA, #199FCE, #8E4B62, #1C363E)
- Taupe Garden color palette (#FDF2F6, #BDDECA, #98B87F, #5E9D9B, #31493B)
- Mint Station color palette (#FCE1AF, #00D095, #0097DF, #8A6400, #00302F)
- Airy Atelier color palette (#D9FFF1, #00DBDD, #869EFF, #6D7B00, #003C4D)
- Patina Field color palette (#D9E7ED, #45BDCD, #617186, #304F5B, #0D1B1C)
- Hushed Iris color palette (#C0E8DD, #00C0D5, #8780E7, #4C6A00, #00273C)
Browse the whole catalog at Explore, or see today's palette.