Tempered Ultramarine color palette — #D5F2E3 · #009AAE · #3A56DC · #544700 · #000D16

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

The five colors

• Honeydew (#D5F2E3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009AAE): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#3A56DC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#544700): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000D16): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Gentle Study color palette (#C8E6E1, #0092D5, #7747C1, #3A5100, #000729)
• Airy Petrol color palette (#FDDCE7, #009E8E, #006FA5, #673C00, #000E10)
• Chestnut Studio color palette (#CCF7FC, #54A0B3, #6B76AE, #794F00, #102000)
• Antique Byzantium Quarry color palette (#D1F1FB, #009396, #962BA3, #544100, #000B04)
• Cobalt Market color palette (#EADAE3, #85B9CE, #0087DF, #006D69, #060545)
• Velvet Sapphire color palette (#D5E8FF, #006AC6, #32285B, #16141D, #000716)
• Washed Cypress color palette (#D4EFE6, #6CA87B, #00836F, #005F78, #001505)
• Weathered Nightshade color palette (#F3DAD4, #0070D5, #372FB0, #520036, #00052D)

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