Tempered Navy color palette — #F1E3D9 · #3F8AAA · #003D6F · #002221 · #04002D

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

The five colors

• Parchment (#F1E3D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cerulean (#3F8AAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003D6F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#04002D): 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

• Navy Loft color palette (#F5EBE2, #5D97B8, #004793, #003031, #0E093A)
• Softworn Cerulean color palette (#D2E2E1, #3C81A1, #004060, #001E26, #000104)
• Cobalt Cabin color palette (#D7E4D9, #61ABCC, #007ABE, #005C63, #00071F)
• Dusty Brick color palette (#FCE3F0, #BA81C7, #BB163B, #002F5D, #160521)
• Tempered Abyss color palette (#F5EDE8, #73C1BD, #007587, #00532C, #003249)
• Aubergine Boulevard color palette (#D4E8FF, #3A51CE, #330096, #21003A, #130017)
• Byzantium Archive color palette (#F1E7FF, #8A41B9, #43006F, #13001F, #030009)
• Fern Atelier color palette (#F3E8D9, #655A00, #3B2700, #1F0A00, #020400)

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