Tempered Navy Atelier color palette — #E8EDE0 · #4685BE · #003A7B · #002030 · #00012E

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

The five colors

• Cream (#E8EDE0): bright and airy, almost weightless.
• Cerulean (#4685BE): A luminous, balanced blue — the color of open sky before noon.
• Navy (#003A7B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002030): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00012E): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Cerulean Alley color palette (#EAEEDB, #008FAB, #004358, #002225, #000B13)
• Dusty Denim color palette (#D6E4D9, #6F97BA, #2C559E, #003948, #05002C)
• Muted Alley color palette (#EFE4D8, #7BA5CC, #5E69C7, #005D60, #100021)
• Aqua Harbor color palette (#EEF0E1, #57C3D3, #00748B, #004F50, #003343)
• Antique Coast color palette (#F6F6E9, #7BE2E4, #00909C, #00675D, #004854)
• Lowlit Chestnut color palette (#F1E6D7, #6F5500, #3B2700, #1B0D00, #050300)
• Hushed Quarry color palette (#F3F7ED, #B7E9D9, #608EBE, #286A85, #573E56)
• Ancient Ember color palette (#FFDDD9, #DB6E44, #995100, #601929, #1E0100)

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