Tempered Cobalt color palette — #DEFFEA · #DAE4F6 · #73B4E9 · #4D78B4 · #61455A

Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DEFFEA): A whisper-light, dusty teal — the color of sea glass.
• Frost (#DAE4F6): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#73B4E9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4D78B4): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#61455A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged light, 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

• Washed Sky Courtyard color palette (#DDF3FF, #6EC0EC, #4E91C2, #49688F, #425068)
• Hushed Meadow color palette (#FFF0FC, #E4D5EE, #B6ADF0, #8B68AA, #66424B)
• Washed Periwinkle color palette (#FCF1FE, #D9DBF7, #EDC488, #529EEB, #4A453F)
• Tempered Quarry color palette (#FFF0FD, #DAD3DB, #9DB8ED, #4E6BA8, #1E2B4B)
• Dusty Powder Quarry color palette (#FBF2FB, #E8D6D7, #89C4E1, #B0B5AA, #5B4B58)
• Faded Grape color palette (#F0F5FF, #A6B6FF, #9383EC, #703EB2, #3F214F)
• Worn Lapis color palette (#ECF7FF, #ADD0FF, #6691FF, #5A3DEC, #38216C)
• Ancient Studio color palette (#D5E9FF, #8CB6FF, #5E65EF, #470CA9, #280046)

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