Tempered Navy color palette — #EEE3DD · #4A828F · #003F64 · #002015 · #00000C

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

The five colors

• Parchment (#EEE3DD): a clean, paper-quiet neutral.
• Slate (#4A828F): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003F64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#002015): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Ancient Denim Courtyard color palette (#E8F3EA, #59B0C5, #005D7D, #002B2A, #000104)
• Timeworn Denim Corridor color palette (#F1E3ED, #6C99B0, #005C97, #003D2E, #05002C)
• Dusty Cobalt color palette (#F4E6DB, #86BBDC, #4867B3, #004B48, #190936)
• Twilit Fern Cabin color palette (#F5ECD1, #3F5C28, #2E2B00, #180B00, #000201)
• Nocturne Garnet Thicket color palette (#F1DACE, #882300, #004255, #3C0A00, #000102)
• Shadow Chestnut Dune color palette (#FFE3D5, #884B00, #461B00, #1A221B, #0F0400)
• Airy Olive color palette (#EEDCD2, #AE8448, #427728, #550033, #040100)
• Pale Cobalt color palette (#FFEEE3, #ADDCC6, #4984D0, #006356, #221A50)

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