Tempered Cobalt color palette — #FDF1F8 · #9DD6EA · #2B7DC9 · #005343 · #090033

Azure and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Powder Blue (#9DD6EA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#2B7DC9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005343): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#090033): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Aged Forest color palette (#FBF1FD, #94DBD7, #0088A5, #05560F, #000D1E)
• Powdered Parlor color palette (#FBE8EF, #86BDE9, #475BC4, #003E3E, #04000E)
• Wandering Coast color palette (#FFF1F6, #D7DFFC, #698DE8, #006A66, #231143)
• Dusty Courtyard color palette (#F2EADD, #8FCADF, #009DDE, #007C7F, #001F40)
• Timeworn Market color palette (#D5E7D8, #48AAC9, #005F89, #00393A, #000B1D)
• Linen Pine color palette (#FCF1FD, #B8FDFE, #00A9D7, #007833, #00244C)
• Patina Moss Studio color palette (#F0F1D7, #73B240, #007C4D, #003830, #000F12)
• Periwinkle Coast color palette (#FCF2F7, #D7D4E0, #76B0FF, #008979, #312C61)

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