Tempered Navy color palette — #FAE8F3 · #468292 · #003E67 · #002017 · #01000B

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

The five colors

• Blush (#FAE8F3): A whisper-light, dusty pink — the color of peonies in June.
• Slate (#468292): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003E67): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002017): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Weathered Lagoon color palette (#F1E0EA, #4195B4, #00488C, #002C25, #04001A)
• Patina Forest color palette (#F6EFF7, #AACFD8, #37879E, #285C29, #02223C)
• Washed Lagoon color palette (#F6E3EA, #96B8D3, #4C66B2, #004B49, #1B0837)
• Washed Pier color palette (#ECEEE1, #5C6A00, #2D2D00, #1D2829, #070900)
• Cypress Delta color palette (#CBE8D5, #6F925F, #007078, #4A1D00, #020200)
• Eclipse Nightshade color palette (#DAEFE4, #524F00, #2C11A2, #212000, #01000A)
• Washed Cypress Summit color palette (#F8EFF2, #DAD0E2, #8C9CBD, #2E777A, #333449)
• Aubergine Station color palette (#F2F0D4, #423D00, #3C007C, #360039, #010100)

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