Tempered Ultramarine color palette — #DAFFF4 · #8DA422 · #1159D7 · #83356C · #321900

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

The five colors

• Honeydew (#DAFFF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#8DA422): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#1159D7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Raspberry (#83356C): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#321900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, 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

• Frosted Coast color palette (#E2FDEE, #A29B17, #0068AB, #743D85, #34192A)
• Powdered Ridge color palette (#E0FCF7, #2AB530, #5E4ACD, #903659, #0B280F)
• Ancient Clover color palette (#DCFDFB, #00BA5F, #007DC6, #82316E, #452A00)
• Muted Ultramarine color palette (#CFECE5, #3C9400, #3B4CC2, #731752, #001A03)
• Dusty Lantern color palette (#E3FAFC, #00AB7B, #8B67AE, #8A4F4F, #1B2D25)
• Pale Coast color palette (#FFF3E9, #E3760A, #8454DC, #8B007C, #260206)
• Clover Thicket color palette (#FFF4DE, #00CA38, #009185, #76408D, #044028)
• Aubergine Delta color palette (#DDFCFF, #007C6A, #005E78, #5D0062, #2A1F00)

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