Tempered Navy color palette — #D5F2F3 · #0083A0 · #006591 · #003782 · #040026
Built around Navy, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D5F2F3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0083A0): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#006591): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003782): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#040026): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Petrol Boulevard color palette (#DBEEF5, #00759D, #004E6F, #002844, #000A19)
- Weathered Ultramarine Basin color palette (#C6E9F4, #0087BD, #0051D1, #292C92, #0D0023)
- Antique Lagoon Basin color palette (#DAF0DE, #00916F, #006A68, #004A54, #000C14)
- Azure Balcony color palette (#DCF6EE, #2896EC, #8E4B00, #005793, #0D0400)
- Patina Wisteria color palette (#D4F2E7, #90A4FF, #C56EC1, #007284, #01072A)
- Wandering Delta color palette (#CBE1FE, #4F86FF, #0D52D9, #003071, #000207)
- Washed Lantern color palette (#D0EBF6, #30B3FB, #4587FF, #5B5DB9, #342053)
- Airy Ultramarine color palette (#FDEBE0, #13A225, #0057D5, #05183A, #040004)
Browse the whole catalog at Explore, or see today's palette.