Tempered Ultramarine color palette — #D1F1DE · #7A6B00 · #0D4CC0 · #3F3600 · #000421

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

The five colors

• Honeydew (#D1F1DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#7A6B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#0D4CC0): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#3F3600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000421): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.

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

• Softworn Grape Coast color palette (#D6EDE0, #786C00, #6539AA, #3E3700, #0C0020)
• Linen Ultramarine Grove color palette (#F1D6E0, #9B5800, #2148C3, #512B00, #00002B)
• Ultramarine Coast color palette (#D7F4DF, #856A00, #3E39D3, #473700, #110059)
• Bronze Veranda color palette (#F3E3E8, #9A5900, #006085, #502C00, #000911)
• Indigo Archive color palette (#FFECC8, #BF9B22, #595DC9, #5F4B00, #050026)
• Nightshade Market color palette (#F1EEDE, #675700, #3E31AF, #500073, #050300)
• Soft Sapphire color palette (#E9DEC2, #988700, #0F68F5, #5E5300, #001646)
• Misty Grape color palette (#D7EDE6, #7DA623, #7D2EC9, #3D5600, #20003C)

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