Timeworn Navy color palette — #D3F2FB · #37A2D0 · #0070AA · #00408F · #0F1E50
A conversation between Indigo and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3F2FB): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#37A2D0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0070AA): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#00408F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#0F1E50): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Timeworn Navy 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
- Turquoise Study color palette (#D7EEED, #06A6B9, #006C88, #004160, #001E3F)
- Navy Orchard color palette (#C3ECEB, #00B3DB, #007BB0, #1E4393, #403660)
- Faded Courtyard color palette (#CDE5FF, #6995DB, #4D5ABC, #452891, #271341)
- Frosted Ultramarine color palette (#D3FFFE, #66CFED, #009FE9, #3757BA, #2D245B)
- Softworn Ultramarine Lantern color palette (#EAF2FF, #93ABE8, #3C60B2, #002C6E, #000B29)
- Hushed Navy Atelier color palette (#C7E7F6, #007ABA, #00488A, #04007F, #09002D)
- Linen Lantern color palette (#DDEBF9, #6296C8, #A96D00, #005796, #2A1800)
- Tempered Petrol color palette (#E9F3FF, #C4D5FA, #C2A3D5, #1C7EA7, #18233A)
Browse the whole catalog at Explore, or see today's palette.