Tempered Cobalt color palette — #E0F8F0 · #3183BE · #473741 · #1E2C28 · #111716

Cerulean and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E0F8F0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3183BE): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#473741): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#1E2C28): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#111716): quiet, heavy and certain.

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

• Tempered Lagoon color palette (#EAF6EA, #008F90, #284338, #222B22, #121714)
• Wandering Indigo color palette (#FCEDF4, #806AC8, #4B3639, #2F262A, #1A1214)
• Patina Azure Lantern color palette (#E8F3FE, #56A3DB, #52576C, #2E3944, #1C2325)
• Powder Parlor color palette (#EBF3FA, #7EBEF3, #727C8D, #495663, #1D2326)
• Ultramarine Canyon color palette (#F2D8EE, #224DF8, #322049, #21121F, #011113)
• Velvet Grape color palette (#F4E0EA, #643DD3, #3C1821, #1C0E16, #080204)
• Washed Iris Archive color palette (#FFF0F9, #8C8CE6, #9A8941, #737C4A, #4D3D47)
• Aubergine Bloom color palette (#FFE7EC, #505100, #5C006B, #1E1A07, #170008)

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