Tempered Harbor color palette — #F9E7F8 · #2D77E6 · #8D2959 · #403200 · #001916
A conversation between Azure and Raspberry, giving this palette its sense of nature and growth.
The five colors
- Blush (#F9E7F8): A whisper-light, dusty pink — the color of neon signs at night.
- Azure (#2D77E6): A full-bodied, vivid blue — the color of open sky before noon.
- Raspberry (#8D2959): A full-bodied, balanced rose — the color of pressed rose petals.
- Espresso (#403200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001916): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, 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
- Antique Violet Bloom color palette (#FFE5F2, #7E65D4, #922D28, #2D3900, #00171E)
- Gentle Cobalt color palette (#E6F4FF, #0081B0, #7F3856, #373F00, #002F22)
- Mulberry Market color palette (#DCF4E8, #0088AF, #76377E, #4F2800, #001A0A)
- Hazy Periwinkle Veranda color palette (#E9F3FF, #5E95E9, #865EA0, #005F43, #00313C)
- Pale Basin color palette (#FED3E3, #9700F7, #920408, #2C2F00, #001213)
- Charred Ultramarine color palette (#FBE3F5, #2E1DF2, #680030, #201900, #000504)
- Washed Iris Market color palette (#E5E9FC, #9187F8, #7953B4, #5C2E6F, #2F0F2F)
- Patina Cocoa Harbor color palette (#CFE0FF, #AB9FDC, #8F6C92, #6A4600, #2F280A)
Browse the whole catalog at Explore, or see today's palette.