Tempered Navy color palette — #EFDDE7 · #458BA2 · #003D70 · #00231B · #07002B

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

The five colors

• Shell Pink (#EFDDE7): A whisper-light, dusty pink — the color of a candy shop window.
• Cerulean (#458BA2): A luminous, dusty blue — the color of deep harbor water.
• Navy (#003D70): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#00231B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#07002B): 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

• Timeworn Delta color palette (#EAE2D6, #3F8299, #00405F, #001F20, #000105)
• Navy Station color palette (#EFE2E9, #4B9ABB, #004695, #00302A, #13043D)
• Cobalt Field color palette (#EDDFD5, #54AEC9, #0077C9, #005F4C, #06002B)
• Antique Bloom color palette (#E6DBEF, #BB7C6F, #78640F, #321A68, #24000D)
• Weathered Petrol color palette (#FCE9EF, #93B5D5, #5363A4, #004F50, #35224F)
• Cerulean Parlor color palette (#FAF2F9, #9FCEDB, #0985A4, #2D6033, #1A3C5E)
• Lowlit Meadow color palette (#F7D7E0, #76003C, #003E2D, #002526, #060002)
• Smoked Chestnut Station color palette (#EED9E3, #755200, #471E00, #280005, #040400)

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