Tempered Ultramarine color palette — #F2D8EF · #0025E7 · #4D4600 · #2E2A00 · #00000F

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

The five colors

• Thistle (#F2D8EF): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#0025E7): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4D4600): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#2E2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#00000F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Grape Orchard color palette (#FCE5F3, #4A00DD, #3A4D00, #222E00, #050003)
• Charred Nightshade color palette (#E4EEFF, #2C3EA8, #583100, #141C00, #00000B)
• Aubergine Orchard color palette (#F1DCE7, #3D0091, #3E2300, #1E0E00, #02000C)
• Cellar Grape Harbor color palette (#F0DBE1, #7C00B9, #473500, #032201, #000203)
• Aged Coast color palette (#D6E9E2, #005884, #6C3300, #431D00, #000205)
• Aged Market color palette (#D7E4CD, #6636DC, #6F004E, #002718, #07000F)
• Aubergine Summit color palette (#F6E4FF, #7C00A2, #005515, #003309, #040007)
• Dusty Orchard color palette (#EFEEFF, #9440B4, #9D2E77, #494A00, #040007)

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