Tempered Cobalt color palette — #F9EEF7 · #69E4F5 · #008DC6 · #006641 · #0F214F
Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Blush (#F9EEF7): a clean, paper-quiet neutral.
- Ice Blue (#69E4F5): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#008DC6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006641): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0F214F): A deep, shadowed, balanced violet — the color of a velvet chair.
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 Pier color palette (#FBEEF2, #9CD8FF, #5C7FD2, #00625E, #281A49)
- Tempered Cerulean color palette (#F6EFF6, #A9EBE7, #429AB4, #426942, #1C2E3F)
- Cobalt Coast color palette (#FFEBF8, #3FD0E8, #0079B3, #00543A, #080D4D)
- Airy Azure color palette (#FEF2ED, #9BEAF6, #00AADE, #008569, #0D4170)
- Softworn Drift color palette (#F8EFF4, #D6D1E7, #839FBF, #477479, #2F3648)
- Tempered Cerulean Alley color palette (#F3E2F1, #399AA1, #00506D, #002E16, #000313)
- Nightshade Cabin color palette (#F3DFE7, #63A4D0, #354FA9, #003938, #0F0026)
- Gentle Seafoam Grove color palette (#D5FFDA, #69FEF0, #7BBAF1, #7E7622, #002D2F)
Browse the whole catalog at Explore, or see today's palette.