Tempered Cobalt color palette — #EEDEED · #0072BE · #556C00 · #040E07 · #000201

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EEDEED): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#0072BE): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#556C00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#040E07): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Hushed Boulevard color palette (#FADCD5, #0162EB, #007541, #020E0C, #000201)
• Softworn Chestnut color palette (#F9E4FF, #007E7E, #775E00, #090C04, #000200)
• Wandering Thicket color palette (#EAD9E2, #0094CE, #6D8A00, #0F1600, #020200)
• Misty Orchid color palette (#F8E6DD, #B626EF, #008287, #030E14, #000102)
• Eclipse Study color palette (#E0F1E7, #007562, #004043, #001B22, #000205)
• Abyss Hollow color palette (#DEE8E8, #91A4A8, #588393, #00412D, #000606)
• Iris Courtyard color palette (#FBD6C8, #957AFF, #009C86, #001813, #000405)
• Chalky Peony Grove color palette (#F3E8FF, #DD65C1, #6A7E00, #050B06, #000201)

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