Tempered Harbor color palette — #FDF0FF · #79DEDF · #009BC3 · #007831 · #003264
Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Ice Blue (#79DEDF): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009BC3): A luminous, balanced blue — the color of deep harbor water.
- Olive (#007831): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#003264): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Cornflower Dune color palette (#FEF1F9, #88D8F3, #028FF4, #00745F, #282374)
- Pine Grove color palette (#FFF2EE, #B1FFFC, #00AAD0, #00791F, #002646)
- Petrol Alley color palette (#F7ECF6, #81BDC2, #007FA9, #005D31, #001C49)
- Wandering Lagoon color palette (#F9F3F7, #D1DDF0, #79ABCF, #2A8E68, #39466B)
- Quiet Glacier color palette (#E6FCEA, #53F4F3, #00C0D5, #009B77, #003949)
- Soft Boulevard color palette (#E0FFD2, #8DEBD5, #70BFFF, #A18000, #003D2B)
- Washed Denim Thicket color palette (#F4E9F1, #6D99B0, #005C97, #003D2E, #05002C)
- Olive Meadow color palette (#EFDFC3, #BEA900, #4F8E00, #006637, #003E33)
Browse the whole catalog at Explore, or see today's palette.