Tempered Ultramarine color palette — #DEECFF · #487DFF · #282ED3 · #1C006C · #010009
A conversation between Cobalt and Periwinkle, giving this palette its sense of creativity and calm.
The five colors
- Frost (#DEECFF): A whisper-light, dusty blue — the color of deep harbor water.
- Periwinkle (#487DFF): A luminous, vivid violet — the color of twilight just after sunset.
- Cobalt (#282ED3): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#1C006C): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: 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
- Tempered Bloom color palette (#E1E6FF, #756AF5, #5909CE, #320064, #04000A)
- Sunlit Cobalt color palette (#DCECF7, #0080D1, #005198, #001C58, #000013)
- Sunlit Quarry color palette (#D9E7FA, #2B63EB, #2500C7, #1E006F, #12003D)
- Misty Aubergine Quarry color palette (#FFE7F5, #7766E7, #C1002E, #3C00A0, #040000)
- Nightshade Meadow color palette (#D7F0FF, #005DA6, #1900AF, #1F004F, #08000F)
- Aubergine Lagoon color palette (#E8E7F5, #8655CF, #530084, #220033, #030004)
- Muted Balcony color palette (#ECEDFF, #5F3EE6, #9D0068, #004B5A, #010009)
- Nightshade Boulevard color palette (#FFE1F0, #DEBFFF, #D486DC, #494AA9, #0F0023)
Browse the whole catalog at Explore, or see today's palette.