Tempered Cobalt color palette — #EEF7F7 · #B0C8DE · #3E7BBD · #005B7A · #233A61

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Sky (#B0C8DE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3E7BBD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#233A61): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Workshop color palette (#EFF7F5, #ACCBD5, #008897, #006059, #00424F)
• Weathered Study color palette (#FAEEF2, #AACCEA, #4B78D2, #005A62, #1E1B3C)
• Aged Petrol Balcony color palette (#EEF7F7, #D7DBEC, #769EC1, #1C7A96, #435468)
• Plum Atelier color palette (#DFE2FF, #8768B2, #B03E5B, #00628C, #272846)
• Antique Abyss color palette (#D4E8E5, #6A96AC, #005268, #002F32, #001622)
• Dusty Navy color palette (#E4F1F1, #5E84AA, #00387F, #002030, #010030)
• Worn Powder color palette (#F3F7EC, #B9EDDD, #7DB6F5, #3D97BD, #4A3049)
• Sunlit Grape color palette (#ECEDFF, #A079C7, #008897, #712CA6, #003D44)

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