Tempered Ultramarine color palette — #F4F4FF · #DBB7F4 · #D883C0 · #2562B6 · #38295B

A conversation between Cobalt and Bubblegum, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#DBB7F4): A whisper-light, balanced violet — the color of wild irises.
• Bubblegum (#D883C0): A luminous, balanced pink — the color of peonies in June.
• Cobalt (#2562B6): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#38295B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Misty Lilac color palette (#EEF6FF, #CAD5FF, #B88DE8, #007196, #29386F)
• Lapis Drift color palette (#FBF1FF, #FFAEE2, #F97E92, #674DBC, #4C274B)
• Airy Blush color palette (#ECF2FF, #ECB4F5, #FF7B83, #007597, #200B47)
• Quiet Grove color palette (#F1F5FF, #F2D3FF, #FF938D, #008BC3, #432362)
• Antique Pewter Workshop color palette (#FFF1F2, #FFCAD9, #D4968B, #7D5C8C, #523331)
• Powdered Periwinkle color palette (#F2F5FF, #EDD8FF, #FFB1E7, #6399FF, #392E57)
• Washed Navy Courtyard color palette (#F3D8E1, #BF77B3, #9C5266, #261E71, #16021B)
• Pale Amber Corridor color palette (#FCE7E6, #E4919C, #C67548, #67336A, #3D0E21)

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