Tempered Harbor color palette — #FAF4EF · #C2E0EC · #B7C2FC · #659E98 · #5A4657
Built around Lavender, softened by Eucalyptus — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Powder Blue (#C2E0EC): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender (#B7C2FC): A whisper-light, balanced violet — the color of wild irises.
- Eucalyptus (#659E98): A luminous, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#5A4657): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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
- Hushed Cypress color palette (#F1F7F2, #D6DEF0, #779FBB, #3A7A7D, #445467)
- Ancient Periwinkle Chapel color palette (#FFF3E7, #DBD5E0, #8CAAFF, #008596, #352C5B)
- Softworn Aqua color palette (#FFF2EA, #FFB998, #64CAE9, #85A4D0, #3D3732)
- Timeworn Cobalt color palette (#FFF2EB, #8DD9F1, #0082C3, #00524A, #000630)
- Muted Glacier color palette (#FEF3EA, #EBDABA, #7DDAFB, #CB885F, #2E4E3E)
- Muted Ultramarine color palette (#F7ECE1, #8DBDE2, #295BD5, #003D43, #030012)
- Basalt Balcony color palette (#FFF2EA, #E1DDC1, #D2A28B, #967063, #533A00)
- Aged Cerulean Studio color palette (#FDF3ED, #CEF0D0, #00A2C3, #006D48, #002135)
Browse the whole catalog at Explore, or see today's palette.