Tempered Navy color palette — #F0DDD4 · #C89D6A · #6F6D00 · #00546B · #11377F

Navy and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0DDD4): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#C89D6A): A luminous, balanced gold — the color of old brass.
• Olive (#6F6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00546B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#11377F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Hazy Olive color palette (#FFE6EE, #CF885E, #677B00, #3A4070, #181B43)
• Dusty Bronze Orchard color palette (#FFDEE0, #C4846E, #92640E, #005A5B, #004155)
• Hushed Denim Chapel color palette (#F0E4D7, #ABAA60, #4C7D3D, #004E9A, #392777)
• Antique Denim color palette (#FBDFED, #EB967B, #8D8929, #5C4E9D, #3C3463)
• Antique Denim Bloom color palette (#F3E5C2, #A5A281, #52886C, #495087, #563841)
• Aged Market color palette (#F1EBCF, #848B45, #2B6758, #3C2D6D, #351A39)
• Feathered Marigold Parlor color palette (#F7DCCF, #F4A837, #A1A45B, #0085A3, #1F3B6C)
• Airy Lapis Hollow color palette (#F3E4B8, #A08100, #4C51FA, #5F4C00, #1C1181)

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