Tempered Navy color palette — #EDDEE7 · #3D8CA3 · #004064 · #00231F · #00032B

A conversation between Navy and Ink, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EDDEE7): A whisper-light, dusty pink — the color of a candy shop window.
• Cerulean (#3D8CA3): A luminous, balanced blue — the color of open sky before noon.
• Navy (#004064): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#00231F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00032B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Airy Cerulean Lagoon color palette (#ECDEE5, #0B9DC8, #004C81, #00302E, #060C3B)
• Navy Alley color palette (#D8E5D7, #4F85B6, #1D2A92, #002127, #0C0026)
• Tempered Violet color palette (#DCEAF2, #6E9EDD, #8353B1, #003E3C, #001022)
• Cobalt Meadow color palette (#F4EDE2, #74AABC, #007DB1, #005D5E, #000919)
• Petrol Boulevard color palette (#DBF0FF, #006CA5, #002E48, #2B232A, #000B13)
• Twilit Cypress color palette (#C0EBE1, #00646A, #003B48, #001B2C, #09021E)
• Obsidian Harbor color palette (#DEEBF4, #005977, #731700, #002433, #120100)
• Sapphire Courtyard color palette (#F8EAEF, #79B9E8, #3D64B6, #004F56, #2B2654)

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