Tempered Navy color palette — #D2ECF1 · #00A1CF · #006EAC · #0C1A81 · #0D0030
Built around Indigo, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D2ECF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00A1CF): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006EAC): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#0C1A81): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#0D0030): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Powdered Turquoise color palette (#D1F7F3, #00ADBC, #007393, #003759, #010332)
- Ultramarine Lantern color palette (#CBEBFB, #10A2F7, #074DE0, #31087D, #15002A)
- Misty Navy color palette (#DAEEEE, #007994, #00496F, #04007A, #11002F)
- Ultramarine Terrace color palette (#CBF1F0, #00A7C5, #007BD7, #364CB8, #2C104F)
- Hazy Villa color palette (#ECF3FF, #7CABFF, #3F58D6, #151273, #00000C)
- Misty Periwinkle color palette (#FDE5FD, #5CA0FF, #AB5F00, #004190, #100500)
- Amethyst Field color palette (#DDE9F7, #758DFF, #7837E0, #4A005F, #22001F)
- Mallow Courtyard color palette (#EEF6FF, #D7D4FF, #F09CEB, #007C8F, #1D0419)
Browse the whole catalog at Explore, or see today's palette.