Tempered Ultramarine color palette — #CDE7DA · #716C00 · #3F38CF · #3D3A00 · #030022

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

The five colors

• Celadon Mist (#CDE7DA): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#716C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#3F38CF): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3D3A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#030022): A deep, shadowed, dusty violet — the color of wild irises.

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

• Chalky Grape Basin color palette (#D8F5EB, #617200, #7516BB, #333D00, #0B0019)
• Charred Alley color palette (#C8E9D5, #5E5100, #411599, #262000, #06001E)
• Wandering Coast color palette (#F5EAD1, #917E00, #714AE9, #615400, #07001E)
• Tempered Denim Veranda color palette (#FCE8CE, #8D5E00, #005D90, #4D3200, #00060F)
• Nightshade Orchard color palette (#F3F1D9, #615A00, #3E25C1, #4D207A, #020200)
• Tempered Field color palette (#FDDCD0, #826E00, #005DDC, #0A0F05, #000201)
• Hushed Drift color palette (#C1E8E5, #238F48, #7C0072, #00451B, #10000E)
• Softworn Drift color palette (#B9EADE, #82BF29, #8F66EB, #3E6100, #2D1B53)

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