Tempered Navy Terrace color palette — #F7EAF5 · #B49767 · #244078 · #0A1F48 · #1D111C

Built around Navy, softened by Midnight — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F7EAF5): A whisper-light, dusty pink — the color of a candy shop window.
• Camel (#B49767): A luminous, dusty gold — the color of old brass.
• Navy (#244078): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#0A1F48): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1D111C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Navy Terrace 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

• Aubergine Pier color palette (#F9EAF0, #7FA87D, #493279, #271349, #1F1118)
• Weathered Taupe color palette (#E3F3EB, #CC858A, #004963, #002635, #001717)
• Softworn Denim color palette (#F4EBF3, #D2AF64, #3E62A2, #223556, #1D121C)
• Muted Honey Basin color palette (#E6EFFE, #F3BE6E, #6986C6, #435776, #0C1626)
• Hushed Pewter Chapel color palette (#FBF2F6, #BCC5A4, #64557D, #4F2C3B, #302221)
• Quiet Terracotta Thicket color palette (#FAF2FB, #6B9DD3, #A03227, #005091, #271208)
• Shadow Navy color palette (#FBE8F7, #90790B, #0F0778, #02002E, #070006)
• Misty Aubergine Harbor color palette (#F0D7D9, #4EA06B, #5A0B55, #2B0028, #1C0206)

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