Tempered Navy color palette — #F0DBE2 · #814F00 · #003A76 · #49001E · #0D0004

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

The five colors

• Shell Pink (#F0DBE2): A whisper-light, dusty rose — the color of a warm blush.
• Coffee (#814F00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003A76): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#49001E): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#0D0004): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged jewel, vibrant, warm.

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

• Frosted Loft color palette (#DDF0E7, #6D7100, #004B71, #4F001E, #1B0300)
• Hushed Onyx color palette (#DBEBDF, #6C5300, #005059, #3D004D, #000400)
• Cellar Navy Hollow color palette (#D0EEE9, #075F11, #001F89, #370011, #010100)
• Nightshade Bloom color palette (#D0E9E4, #377500, #2B0FBA, #4D000E, #000504)
• Misty Olive color palette (#F7E8EF, #638600, #005951, #52003A, #001303)
• Forest Veranda color palette (#CFECEB, #00663C, #373940, #001F1F, #000707)
• Airy Nightshade color palette (#E7E7D2, #69951B, #4942A6, #362C89, #1E0A00)
• Ultramarine Balcony color palette (#E5F6F6, #228E61, #475AB3, #6C2535, #001A16)

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