Tempered Navy Harbor color palette — #D1EBF1 · #276C87 · #043C64 · #2C143A · #21001D
A conversation between Navy and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1EBF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#276C87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#043C64): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#2C143A): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#21001D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Navy 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
- Patina Denim Canyon color palette (#D8ECFD, #0066A7, #003151, #281D24, #000916)
- Worn Petrol color palette (#D5E0EE, #5D6AA7, #3B2F62, #3E0E22, #28030A)
- Petrol Thicket color palette (#D6E9EC, #4D8DA7, #0069AC, #503A60, #1F001E)
- Velvet Cypress Terrace color palette (#D9E9DB, #056D66, #003B5D, #260B00, #040200)
- Wandering Cerulean Dune color palette (#E0E3D6, #468AA7, #00415F, #002128, #000A16)
- Abyss Studio color palette (#D0E9DD, #005975, #2B4800, #002432, #030800)
- Antique Basalt color palette (#E4F4E5, #248283, #27587E, #511E00, #140C00)
- Moonless Field color palette (#D8E6EF, #004464, #470077, #002C21, #000204)
Browse the whole catalog at Explore, or see today's palette.