Tempered Cobalt color palette — #E7F4FF · #008EC3 · #923841 · #4B3E00 · #001518

Cerulean and Garnet set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008EC3): A luminous, balanced blue — the color of open sky before noon.
• Garnet (#923841): A full-bodied, balanced red — the color of late-summer berries.
• Deep Olive (#4B3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001518): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Soft Cornflower Drift color palette (#EBF2FF, #697CD8, #914216, #314A0B, #03151C)
• Dusty Mulberry color palette (#E4F5FC, #00868D, #934271, #61360E, #001917)
• Misty Dune color palette (#EAF2FF, #6288E7, #8E4B6E, #5B3800, #00260F)
• Ultramarine Dune color palette (#D6E7FF, #0057D1, #821F00, #303200, #000607)
• Rose Corridor color palette (#F1F5FF, #91AAFF, #C86473, #7F454D, #031F1F)
• Wandering Teal color palette (#F0F8ED, #3BA99C, #A16F39, #625B03, #2A3019)
• Dusty Field color palette (#EDF2F9, #D8D6E2, #C0B9C8, #59789B, #272D33)
• Powdered Ridge color palette (#F0F0FF, #9B41C9, #574A00, #004331, #020C1C)

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