Tempered Cobalt color palette — #F4E3F5 · #2A6DBD · #006B43 · #003872 · #002112

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

The five colors

• Blush (#F4E3F5): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#2A6DBD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006B43): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003872): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002112): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Powdered Bloom color palette (#D6E8DF, #00789E, #3F6600, #003F55, #102000)
• Sapphire Delta color palette (#F1E2F0, #1E64D4, #6F5300, #00307A, #0C0700)
• Gentle Field color palette (#CDE4FD, #1E88E9, #807700, #005398, #1E1B00)
• Linen Aubergine color palette (#F8D5E1, #8055AA, #006571, #500080, #001F24)
• Mulberry Meadow color palette (#FEE3FA, #2251B8, #80047F, #004748, #010D33)
• Faded Grape Lantern color palette (#FFD8EC, #866CE6, #00817F, #5800C4, #003635)
• Wandering Mulberry Villa color palette (#DDEDE9, #0071B8, #9D0074, #003C65, #350025)
• Linen Byzantium color palette (#FFF1F3, #B977C2, #008CB1, #9200A3, #004154)

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