Tempered Harbor color palette — #F8F5EF · #C5DDE8 · #86C1F6 · #0093A0 · #2C3F60
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#C5DDE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#86C1F6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0093A0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#2C3F60): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Aged Lagoon color palette (#F8F5EF, #C3DEE2, #82C7D7, #2C957D, #214838)
- Petrol Atelier color palette (#FAF4EB, #C5E2F7, #87A6E0, #007B99, #272A51)
- Wandering Field color palette (#FCF3ED, #BDEFF0, #95BFFF, #4FAA9D, #593E4D)
- Cerulean Station color palette (#F0F7F1, #B9E2FF, #588FBF, #2F6C74, #374962)
- Washed Cerulean Atelier color palette (#FDF4E6, #94DADD, #00899F, #005343, #000F17)
- Denim Hollow color palette (#F2E9DA, #72ADBB, #005D7C, #002B29, #000103)
- Ultramarine Alley color palette (#F7EDDD, #8BBDE4, #0062CE, #003C48, #010014)
- Turquoise Field color palette (#FDF4E5, #B1FFFC, #00ADC0, #007558, #002936)
Browse the whole catalog at Explore, or see today's palette.