Tempered Navy color palette — #EDDDEB · #2550CD · #634600 · #04008F · #170D00

Built around Indigo, softened by Cobalt — the whole palette hums with optimism and creativity.

The five colors

• Shell Pink (#EDDDEB): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#2550CD): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#634600): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#04008F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#170D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Antique Drift color palette (#D4E8FC, #0062A2, #703D00, #002E51, #1B0A00)
• Washed Grape Canyon color palette (#FAE3ED, #6D3CB8, #465200, #390070, #0E1200)
• Dusty Delta color palette (#DCE6F8, #536CDB, #865D00, #2600C9, #180D00)
• Antique Nightshade color palette (#D9E2FF, #2E33B8, #7A1000, #003B1A, #030028)
• Nightshade Atelier color palette (#DDE3FF, #676FFF, #836F00, #3B13D3, #372D00)
• Softworn Archive color palette (#D1DFF5, #5384FF, #9B7B00, #1542F5, #150E00)
• Antique Peony Harbor color palette (#EFDDE9, #AB9DDD, #A963A0, #004575, #191039)
• Moonless Nightshade Veranda color palette (#DFE5FF, #5760CF, #250093, #0A003C, #02000D)

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