Tempered Navy color palette — #F8E9DF · #51899E · #003C73 · #00231C · #08002A

Built around Navy, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Cream (#F8E9DF): A whisper-light, dusty gold — the color of honey in a jar.
• Storm Blue (#51899E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003C73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#00231C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#08002A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Abyss Delta color palette (#E7F2E9, #4C8195, #004060, #001F20, #000105)
• Sunlit Navy color palette (#F1E5DD, #5299B9, #004597, #00302A, #140041)
• Weathered Denim Parlor color palette (#E5DFD5, #739D88, #005E8B, #003B3D, #00091B)
• Antique Cypress color palette (#CFF7ED, #007363, #00382E, #1E1E26, #000B08)
• Sunlit Cobalt color palette (#F4EAEF, #6CABC0, #0077CA, #005F4C, #06002B)
• Hushed Sapphire Bloom color palette (#EAF5D4, #47ADBB, #4F61B2, #303400, #001512)
• Ancient Bloom color palette (#F9ECE0, #8DB6DC, #5662A5, #004F52, #35244B)
• Antique Forest color palette (#FDF2EF, #ADD0AE, #0D84A7, #07642B, #203C5D)

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