Tempered Ultramarine color palette — #F2DAEC · #3338E1 · #584800 · #150082 · #040300

Built around Cobalt, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F2DAEC): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#3338E1): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#584800): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#150082): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Navy Quarry color palette (#E2ECFB, #2553C7, #564C00, #000E88, #131000)
• Feathered Grape color palette (#F0D6E3, #6800DE, #4F4C00, #31006F, #030300)
• Cellar Nightshade Workshop color palette (#DDE2F8, #3300CF, #4E3B00, #163211, #01000B)
• Patina Corridor color palette (#DDEEFF, #005EA0, #5E4500, #002B4E, #040200)
• Nightshade Grove color palette (#E4EAFF, #5367E8, #796500, #291BBC, #140F00)
• Ancient Grape Balcony color palette (#EDDFF2, #8A00AE, #005920, #430056, #000401)
• Grape Canyon color palette (#D4EED9, #7F6E00, #6A00CC, #1D040D, #040002)
• Indigo Archive color palette (#E1EAFB, #5A67FF, #BF0047, #272199, #040001)

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