Tempered Navy color palette — #FFF0F9 · #FFD4D3 · #CDA378 · #437599 · #19436E

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#FFD4D3): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#CDA378): A luminous, dusty gold — the color of old brass.
• Slate (#437599): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#19436E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Ancient Taupe color palette (#FFF1F2, #ECDBBA, #A2A465, #6677A4, #404368)
• Softworn Pier color palette (#F6F3FF, #FFD2F6, #D18987, #3E837F, #004C4E)
• Softworn Workshop color palette (#ECE1FF, #D2979C, #A66810, #215D80, #2F4764)
• Navy Alley color palette (#F2D9DB, #D0A37F, #777033, #2E3C6D, #0D0E2F)
• Washed Bronze Villa color palette (#FFF2F0, #E7AB9F, #A57E3E, #644A66, #0B2A4B)
• Timeworn Periwinkle color palette (#FFF2E9, #D8D6E3, #6BB3FF, #008886, #28315D)
• Washed Orchard color palette (#FFD9CD, #B08E5E, #496225, #342A59, #0A001A)
• Basalt Market color palette (#FFF3E7, #DBE2C9, #BBC1AE, #9D888E, #5E464D)

Browse the whole catalog at Explore, or see today's palette.