Tempered Ultramarine color palette — #EBF5FF · #7EB9FF · #387AFF · #1E2CCD · #190B73
Built around Cobalt, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF5FF): a clean, paper-quiet neutral.
- Sky (#7EB9FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#387AFF): A luminous, vivid violet — the color of twilight just after sunset.
- Cobalt (#1E2CCD): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#190B73): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Airy Grape Boulevard color palette (#E2ECFF, #92A9FF, #6B61FF, #541ACD, #300069)
- Muted Nightshade color palette (#E4F2FF, #3899FE, #0556EC, #1721C2, #292B75)
- Cobalt Garden color palette (#DDF4FF, #5AC7FF, #008CD2, #00599A, #002959)
- Softworn Alley color palette (#F3F4FF, #C3C7FF, #715FF8, #3810AB, #04001C)
- Amethyst Lantern color palette (#D4E8EE, #65BDFF, #4E8EFF, #6949FF, #3D0D77)
- Muted Delta color palette (#F2F4FF, #C2C3FF, #9B79FF, #6E41AE, #401F5C)
- Muted Lapis Boulevard color palette (#F1F5FF, #95AEFF, #FF4E80, #3C47FF, #3F0016)
- Gentle Violet color palette (#EDEBFF, #BD9AFF, #935ACD, #6A2B8E, #2D0039)
Browse the whole catalog at Explore, or see today's palette.