Tempered Ultramarine color palette — #E7F0FC · #4D84F6 · #B9004A · #0040D9 · #040006

Built around Cobalt, softened by Ruby — the whole palette hums with energy.

The five colors

• Frost (#E7F0FC): bright and airy, almost weightless.
• Azure (#4D84F6): A luminous, vivid violet — the color of wild irises.
• Ruby (#B9004A): A full-bodied, vivid red — the color of a theater curtain.
• Cobalt (#0040D9): A full-bodied, vivid violet — the color of wild irises.
• Black (#040006): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy. Tagged duotone, 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

• Hazy Ultramarine Station color palette (#D9DFEA, #6E7EED, #A83B00, #3D38D0, #060003)
• Plum Thicket color palette (#E0ECF7, #0094D8, #B80053, #005E8C, #040006)
• Indigo Meadow color palette (#D1E6E7, #5F64F1, #A10064, #004636, #060010)
• Aubergine Canyon color palette (#F6EAF0, #6C5EDA, #7E004E, #370098, #070000)
• Sapphire Lagoon color palette (#D7E1EF, #0063DF, #764800, #003A3E, #000207)
• Feathered Atelier color palette (#E7EFFF, #8B64E4, #A30095, #6D002C, #0D0200)
• Muted Violet color palette (#E7EBF7, #B3B3FF, #EF6202, #7D6DFF, #1B0413)
• Chalky Orchard color palette (#ECEDFA, #A763E7, #7C5F00, #7617B7, #000301)

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