Tempered Ultramarine color palette — #E2ECFF · #556EF3 · #847000 · #301CE6 · #080600

Cobalt and Sapphire set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E2ECFF): A whisper-light, dusty violet — the color of wild irises.
• Sapphire (#556EF3): A full-bodied, vivid violet — the color of a velvet chair.
• Walnut (#847000): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#301CE6): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#080600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Washed Grape color palette (#D9E0F7, #7E65DF, #6F7800, #5A21C6, #050700)
• Cornflower Cabin color palette (#D7E6F7, #007EE7, #9F6000, #00549E, #0C0400)
• Chalky Sapphire Orchard color palette (#F9DFF6, #075AED, #605500, #001F71, #010100)
• Quiet Amethyst Coast color palette (#D8E1FF, #6944DC, #794E00, #3B0094, #0B0400)
• Lapis Lagoon color palette (#DCDFEE, #5A58DF, #B13500, #006A40, #01000E)
• Gentle Byzantium Terrace color palette (#D3EFE0, #AC7000, #8D00D8, #1C072C, #010108)
• Amethyst Archive color palette (#D7DDF7, #C5B6FF, #AEA603, #7652CD, #2D2A00)
• Feathered Lagoon color palette (#E7E4FF, #C064D8, #17891B, #69007E, #000900)

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