Tempered Ultramarine color palette — #F0D6EB · #2E49BA · #5C2300 · #222000 · #00170B

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

The five colors

• Thistle (#F0D6EB): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#2E49BA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#5C2300): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#222000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00170B): A deep, shadowed, dusty teal — the color of glacier melt.

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

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 color palette (#FBDBEA, #5F34B7, #542A00, #002521, #020E19)
• Feathered Garnet Cabin color palette (#C7EBE1, #005B97, #6C0205, #261F00, #001703)
• Eclipse Workshop color palette (#E3E0F5, #802F89, #690026, #2C1200, #040300)
• Aubergine Harbor color palette (#FAE4F0, #4900B3, #201106, #1B041E, #0A0005)
• Velvet Aubergine Grove color palette (#FBD5DE, #5E0078, #312E36, #291C00, #000C09)
• Byzantium Summit color palette (#FFDDE9, #8C40CA, #614700, #243A00, #002A2D)
• Weathered Mulberry color palette (#F0D7DA, #A849A0, #9D0022, #482C00, #0E1400)
• Worn Denim color palette (#FCEBE3, #61ADAF, #006177, #004029, #002237)

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