Tempered Ultramarine color palette — #F8EAEF · #8EBDE0 · #3762BA · #003D42 · #020012

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

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Sky (#8EBDE0): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#3762BA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020012): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Timeworn Thicket color palette (#FBE7F5, #71C7CB, #00738D, #00402A, #000307)
• Hushed Hollow color palette (#DBF0F0, #5D8FB7, #004A88, #002939, #000314)
• Cobalt Garden color palette (#EAEFDF, #87B6DB, #2186DF, #006889, #001134)
• Washed Periwinkle color palette (#F0F8EF, #DBD5DF, #8CA3E5, #007D8D, #2F274F)
• Ancient Grape Orchard color palette (#DDF2EA, #81971F, #86229C, #364200, #030004)
• Dusty Cabin color palette (#FFF0FA, #B1FFFC, #00ACC7, #007745, #00283C)
• Pale Turquoise color palette (#CFFEF1, #87DAAF, #00ADC6, #785A00, #000600)
• Washed Quarry color palette (#EDE0CA, #9B8400, #455600, #0D2A00, #000702)

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