Tempered Cobalt color palette — #F5EBF2 · #74D4EA · #398DC8 · #006F51 · #212A52

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5EBF2): a clean, paper-quiet neutral.
• Ice Blue (#74D4EA): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#398DC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F51): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#212A52): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Azure Station color palette (#FCF2F7, #AFDCF6, #6499D4, #2C7B6A, #303A54)
• Cobalt Summit color palette (#FBE9F1, #5FBCF0, #456FCC, #005A54, #221442)
• Dusty Harbor color palette (#FCF3EF, #CBF0D8, #209DD7, #006B5C, #021C43)
• Ancient Harbor color palette (#EEF0E5, #79BDCE, #007390, #004F53, #003347)
• Powder Basin color palette (#FBF2F7, #D7D5E6, #89B6DF, #628F93, #485368)
• Teal Coast color palette (#F3E9F3, #00B8BB, #007190, #004E1E, #00132E)
• Soft Peony Basin color palette (#F1E7FF, #DD2DAF, #00906E, #007075, #261736)
• Gentle Ultramarine Market color palette (#F8E7EF, #2E9FCC, #0051B7, #003C35, #0A0126)

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