Tempered Ultramarine color palette — #DEFFE4 · #FFA48C · #A08300 · #2E4EB2 · #401D00

A conversation between Cobalt and Moss, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DEFFE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Melon (#FFA48C): A luminous, balanced orange — the color of toasted spice.
• Moss (#A08300): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#2E4EB2): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#401D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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 Harbor color palette (#E8FBE8, #F2A162, #7B8700, #4E448D, #0F2813)
• Pale Amber color palette (#DDFFE9, #FF9DBC, #C66A00, #005E8F, #371C36)
• Chalky Navy color palette (#E3FEE4, #E98251, #776D00, #352C8B, #240613)
• Antique Coast color palette (#FFF1F5, #F1C46B, #66A45B, #6D568D, #21372C)
• Softworn Delta color palette (#FFF0FC, #FF8674, #009752, #413EA9, #2B0F49)
• Soft Amber color palette (#FFF4DE, #D26C23, #755D00, #004D60, #4E2C00)
• Ancient Amber color palette (#FFF3E2, #FFAB56, #C59500, #288F5D, #39342F)
• Tempered Taupe color palette (#FFF2F0, #F9D8A9, #95A761, #7570A8, #4B305C)

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