Tempered Cobalt color palette — #FFF2E9 · #7DC2E2 · #006FC4 · #005654 · #222B67

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sky (#7DC2E2): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006FC4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#222B67): A deep, shadowed, balanced 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

• Washed Parlor color palette (#FFF2EC, #73C8CB, #007A95, #00593B, #003656)
• Aged Alley color palette (#E6F6F4, #8CC4DF, #007AB0, #004F5E, #001B32)
• Hazy Azure color palette (#F3F7E8, #8DD6FA, #0096D9, #006F84, #00355B)
• Softworn Coast color palette (#EEE0D5, #77A5C2, #2055A0, #003D40, #191649)
• Periwinkle Lagoon color palette (#FEF1F7, #A9E3FF, #62AFFF, #009896, #232C65)
• Aged Cerulean Dune color palette (#FAF4EE, #C5E4DB, #7389BE, #226D79, #5B3D4E)
• Softworn Abyss color palette (#EEE0DA, #589D9E, #005264, #00321E, #001625)
• Teal Atelier color palette (#A3FFF3, #00AFA7, #006B69, #003937, #001E1A)

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