Tempered Navy color palette — #F5DAD9 · #D45D9F · #446900 · #00369E · #021B4B
A conversation between Indigo and Hot Pink, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F5DAD9): A whisper-light, dusty orange — the color of toasted spice.
- Hot Pink (#D45D9F): A luminous, vivid rose — the color of a warm blush.
- Olive (#446900): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#00369E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Midnight (#021B4B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Tempered 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
- Weathered Lagoon color palette (#F5DBD3, #DF4765, #427300, #00437C, #2D0A42)
- Quiet Pine color palette (#FEEEEA, #E36587, #268821, #154C9B, #0C2A55)
- Gentle Magenta Atelier color palette (#F4DADD, #C150C4, #786100, #004B5B, #00203F)
- Feathered Ember Corridor color palette (#EFDDD3, #E14D1E, #007653, #472B89, #2C0A43)
- Tempered Archive color palette (#FFEAE2, #CC323A, #006246, #003264, #13003C)
- Softworn Dune color palette (#FFEFFF, #DA6A72, #6A6700, #004143, #0F002F)
- Airy Garden color palette (#E8DCF0, #EC73A9, #009985, #006C87, #00242F)
- Softworn Orchard color palette (#F3DED4, #B92600, #005429, #160079, #0D001D)
Browse the whole catalog at Explore, or see today's palette.