Tempered Cobalt color palette — #F1E7DF · #90C0AB · #3969B5 · #004C44 · #150E34

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Mint Leaf (#90C0AB): A luminous, dusty teal — the color of shallow lagoons.
• Royal Blue (#3969B5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#150E34): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Frosted Cobalt color palette (#FFEEE3, #77C7E8, #2471C9, #005347, #18054D)
• Timeworn Chapel color palette (#F2E6E3, #79C3BD, #007790, #0B4F08, #00172C)
• Cerulean Quarry color palette (#FEEEE8, #A1DCDF, #078FBA, #006732, #002351)
• Antique Azure Bloom color palette (#EBFAEE, #D4DFFC, #4298DF, #006873, #041A49)
• Wandering Denim Coast color palette (#EEDCD3, #3B97AD, #004D7B, #002D20, #02001D)
• Muted Boulevard color palette (#F3E3D6, #9E5600, #0062A1, #3B3F81, #150700)
• Chalky Bronze Study color palette (#F9E7D9, #C26000, #0073A7, #6E3400, #001422)
• Muted Pewter color palette (#F7F1EB, #CAE2E3, #B190AD, #597454, #472D3A)

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