Tempered Ultramarine color palette — #DDE7F2 · #488BF9 · #1940E8 · #252997 · #282859
Built around Cobalt, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#DDE7F2): a clean, paper-quiet neutral.
- Azure (#488BF9): A luminous, vivid blue — the color of a favorite pair of jeans.
- Cobalt (#1940E8): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#252997): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Navy (#282859): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Tempered Ultramarine 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
- Ultramarine Hollow color palette (#C1E7FA, #008DE0, #3148C6, #331C77, #1A0134)
- Lapis Dune color palette (#D1E0FC, #738CE1, #5051CC, #473A95, #3A325D)
- Grape Bloom color palette (#E5E4FF, #8A7BDF, #5529C7, #2F0076, #180643)
- Muted Cobalt color palette (#D2EEFE, #008ECE, #005F9B, #003D75, #2B1B53)
- Faded Nightshade Field color palette (#D4DEF5, #696FE2, #C50346, #3A1DBD, #4A111C)
- Tempered Archive color palette (#CBEBF1, #2FB5FB, #6A84FF, #6653BC, #3E1C50)
- Wisteria Market color palette (#ECF1FF, #CFBEFF, #BA7CD3, #43519F, #2B3151)
- Amethyst Ridge color palette (#ECEFFD, #7245D9, #AB005F, #00556E, #181C3A)
Browse the whole catalog at Explore, or see today's palette.