Tempered Ultramarine color palette — #EFDDE4 · #6E97B8 · #3949B6 · #003B3C · #0F0022

Cobalt and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#EFDDE4): A whisper-light, dusty rose — the color of strawberry cream.
• Slate Blue (#6E97B8): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#3949B6): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#003B3C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0F0022): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Wandering Lapis Lagoon color palette (#DBE6DA, #73A7D5, #4A4DDB, #004A4C, #1E0037)
• Softworn Denim Basin color palette (#F2E7EE, #45A0B3, #005D8F, #003D2B, #03002E)
• Denim Coast color palette (#F8EDE2, #6FA9D4, #2F5099, #002B2F, #010009)
• Dusty Navy color palette (#EDE2D0, #3687C0, #003880, #002129, #04012C)
• Cobalt Summit color palette (#F7E6EF, #84BAD0, #0074D6, #005B4C, #1A144A)
• Antique Summit color palette (#E7E8FE, #CD89BA, #D16324, #00508A, #1A001C)
• Weathered Studio color palette (#E5E7F8, #4639C9, #005E1A, #00493A, #01000E)
• Powdered Lantern color palette (#F4EBF3, #9ECDDE, #0091C8, #007044, #1B2D50)

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