Tempered Cobalt color palette — #D1E7E1 · #0077CD · #3E2938 · #081A16 · #030805

Royal Blue and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D1E7E1): A whisper-light, dusty teal — the color of sea glass.
• Royal Blue (#0077CD): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3E2938): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#081A16): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#030805): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Antique Indigo color palette (#F8E5F0, #6861D8, #442632, #1D1219, #090509)
• Antique Quarry color palette (#D7EEE0, #00829C, #12392F, #0A1A11, #040804)
• Worn Azure Dune color palette (#D7E6F7, #5593D4, #414E61, #232F3C, #121920)
• Periwinkle Study color palette (#E2FCF5, #34A3FF, #563E49, #12221E, #030704)
• Twilit Grove color palette (#D7E0FE, #381CF7, #250C47, #271A12, #12020F)
• Hazy Iris color palette (#FFECF5, #9176E9, #B36A3C, #0D7D64, #2C1622)
• Indigo Terrace color palette (#D7E9FF, #88A8FF, #636CC2, #554681, #401F2D)
• Patina Workshop color palette (#FFEBF6, #9B95FA, #9D8E38, #5F59A2, #332500)

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