Tempered Navy color palette — #F3E8DD · #4785BD · #2D2D83 · #002224 · #100020

Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Parchment (#F3E8DD): a clean, paper-quiet neutral.
• Cerulean (#4785BD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#2D2D83): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100020): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

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

• Worn Meadow color palette (#DAEFEF, #4E7CA9, #00387C, #001D2C, #00000D)
• Weathered Delta color palette (#FBE6DD, #00919E, #00425E, #002413, #00032A)
• Washed Canyon color palette (#E6ECDD, #7296B9, #22589B, #003850, #00022C)
• Patina Indigo Canyon color palette (#FCE9EF, #7AA5CF, #546CC7, #005B69, #0C0026)
• Petrol Alley color palette (#FAEBE4, #6CC0CE, #0070A1, #005235, #1C2C52)
• Feathered Amber Orchard color palette (#FDD4CF, #CC6F31, #727400, #421859, #200001)
• Tempered Bloom color palette (#FEF3EC, #A6D1B7, #377DB8, #0E614D, #4D2F45)
• Inked Mulberry color palette (#FBD9D9, #9A002B, #004943, #44000E, #000807)

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