Tempered Navy color palette — #F4E7D3 · #C36D71 · #7B5200 · #0A2D87 · #2A0F01

A conversation between Indigo and Caramel, giving this palette its sense of optimism and creativity.

The five colors

• Parchment (#F4E7D3): A whisper-light, dusty gold — the color of old brass.
• Caramel (#C36D71): A luminous, balanced red — the color of late-summer berries.
• Coffee (#7B5200): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#0A2D87): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#2A0F01): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Balance. Tagged retro.

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

• Timeworn Archive color palette (#F7E6D2, #BA784D, #5E6000, #3D2279, #241400)
• Airy Bronze color palette (#F9EAE3, #B2624F, #5C5800, #003757, #2E0006)
• Terracotta Meadow color palette (#F4E8CF, #B4709A, #98380B, #003F55, #2C0C08)
• Wandering Denim color palette (#F7DCD6, #BB9E8A, #8A7845, #35487B, #42222D)
• Airy Coral Lagoon color palette (#E0F5E6, #F07874, #9A6F00, #24578D, #402736)
• Wandering Corridor color palette (#FCECD5, #BE702E, #775300, #004E21, #352F2A)
• Feathered Brick color palette (#FFEBCD, #B12E19, #4A3900, #0E0065, #0D0300)
• Softworn Bloom color palette (#F8F1E7, #A2A477, #497133, #613554, #231B00)

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