Tempered Harbor color palette — #FFF4E2 · #DEE5F8 · #449BFF · #007082 · #101B5A
A conversation between Cornflower and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Frost (#DEE5F8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cornflower (#449BFF): A luminous, vivid blue — the color of open sky before noon.
- Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#101B5A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Azure Archive color palette (#FFF4E2, #D5ECFF, #00A9D7, #00736B, #00273F)
- Periwinkle Harbor color palette (#FFF3E8, #B3E0FF, #77AAFF, #00969F, #2C2272)
- Airy Cobalt color palette (#E7FAF9, #8FBEDF, #0072BB, #00526A, #003167)
- Sapphire Bloom color palette (#FFECF3, #94C2E1, #1366EC, #005156, #180052)
- Washed Market color palette (#EEE5D6, #43B5BC, #005F70, #002C24, #000103)
- Hazy Rose color palette (#FFF1F3, #FF507B, #669D00, #0075C9, #2A000B)
- Aqua Basin color palette (#FBF4EA, #CFE0F9, #7BC9D8, #598F7D, #244838)
- Tempered Plum color palette (#FFF2EF, #FF86A9, #00B2A1, #C3005F, #002520)
Browse the whole catalog at Explore, or see today's palette.