Tempered Ultramarine color palette — #F7EDDC · #8DBCE7 · #1359E0 · #003C4B · #020013

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

The five colors

• Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
• Sky (#8DBCE7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#1359E0): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Petrol Corridor color palette (#F6EDDF, #73C2E6, #006CAA, #003D42, #00020C)
• Hushed Nightshade color palette (#F6E3E9, #658EB4, #2439A7, #002B31, #050018)
• Cerulean Orchard color palette (#FBF4EA, #7DDDE7, #0088A4, #005347, #000F18)
• Timeworn Cabin color palette (#EDE0D2, #5DB8FD, #5F74F1, #006D6E, #1C0138)
• Muted Petrol color palette (#F3E4D3, #AD6F00, #006AB3, #543400, #000104)
• Aubergine Terrace color palette (#EFDFC8, #885E00, #006568, #680080, #020100)
• Sky Garden color palette (#FAF4EC, #D7D5E2, #5DB6FF, #008692, #1E345B)
• Hushed Turquoise color palette (#FDF4E5, #B7FDFF, #00ACC6, #00755E, #002938)

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