Tempered Cobalt color palette — #FBF2F8 · #ADCAD8 · #427EAD · #00624A · #30385C

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Oat (#ADCAD8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#427EAD): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00624A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#30385C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Navy Summit color palette (#FDF1FD, #7AC6CB, #00789E, #005A2C, #00306C)
• Aged Cypress color palette (#FAF3F6, #CBDFEF, #7089BE, #00716B, #404563)
• Timeworn Boulevard color palette (#F5F1EB, #ACD2B9, #0987B1, #005C57, #00271F)
• Timeworn Pier color palette (#F6EBEF, #92B6D3, #4661B8, #00504E, #341E5A)
• Pale Coast color palette (#D2EFE0, #00A89E, #007B85, #004E70, #1F3661)
• Tempered Alley color palette (#ECF7FF, #64ADCF, #006C8B, #003C52, #002231)
• Dusty Cypress color palette (#EAF8FF, #CEE1FF, #C095D2, #008366, #2C475B)
• Washed Terrace color palette (#F6E8F1, #60869B, #003D70, #00231B, #07002B)

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