Tempered Ultramarine Field color palette — #EFD8E8 · #6D7DDA · #857500 · #3822D9 · #201B00

Built around Cobalt, softened by Periwinkle — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EFD8E8): A whisper-light, dusty pink — the color of neon signs at night.
• Periwinkle (#6D7DDA): A luminous, balanced violet — the color of wild irises.
• Walnut (#857500): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#3822D9): A full-bodied, vivid violet — the color of wild irises.
• Ink (#201B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered Ultramarine Field 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

• Sunlit Nightshade color palette (#E6EEFF, #7184FF, #967500, #3537B0, #0B0700)
• Cornflower Field color palette (#F5E0F6, #3885E7, #9E6700, #004FA3, #271700)
• Aubergine Meadow color palette (#F6DEE9, #835BD0, #656D00, #5500A6, #0F1100)
• Feathered Ultramarine color palette (#DBE2F2, #98A9FF, #AB8C03, #4245CE, #221A00)
• Aubergine Canyon color palette (#FBE1EA, #AD7CDE, #638000, #600096, #151E00)
• Frosted Grape color palette (#EDDDFF, #CB91FF, #7F9800, #7E00BF, #293300)
• Aged Lagoon color palette (#E0E3FF, #6765CC, #B13E00, #006945, #0E0931)
• Timeworn Study color palette (#D3E4DB, #0094BC, #B45600, #005B76, #2E1100)

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