Tempered Navy color palette — #F2E2EA · #E69487 · #AC843A · #206996 · #2F3978

Navy and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F2E2EA): A whisper-light, dusty rose — the color of a warm blush.
• Salmon (#E69487): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#AC843A): A luminous, balanced gold — the color of old brass.
• Peacock (#206996): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2F3978): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Feathered Studio color palette (#FFF1F6, #FFB6A9, #AE8D2B, #2D6292, #033964)
• Airy Cabin color palette (#FFE7E2, #EAB395, #A79345, #5469AF, #593C69)
• Timeworn Thicket color palette (#F4E4FB, #D093BF, #B6705E, #007176, #004079)
• Denim Bloom color palette (#ECDDD8, #C69E7D, #80813F, #54558E, #4D314E)
• Onyx Study color palette (#F4DED7, #A48F57, #587A42, #573E6F, #490B32)
• Bronze Bloom color palette (#F8E2DA, #C79063, #966600, #2A582A, #00403E)
• Amber Orchard color palette (#F8E0C5, #D78C00, #009AC5, #905C00, #003344)
• Washed Grove color palette (#FFF1F1, #F0D3C6, #BAAD9A, #638B7F, #604954)

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