Tempered Cerulean color palette — #FFF0FB · #71DDF2 · #0098D0 · #007461 · #043264

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

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#71DDF2): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0098D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007461): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#043264): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Cerulean 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

• Sunlit Cornflower color palette (#FFF1F6, #93D3FF, #4888F7, #007178, #2D2A61)
• Azure Boulevard color palette (#FEF4E4, #D3EBFF, #00A9D9, #00736C, #002740)
• Sunlit Harbor color palette (#FFF0FB, #60C9DC, #0075AD, #00583D, #1B2B6D)
• Pale Sky Coast color palette (#FFF2EC, #9DE7F7, #3EB5FD, #009C6F, #1C2B6D)
• Mallow Courtyard color palette (#E5F9FF, #B8D9FF, #BEADFF, #00917F, #003A52)
• Teal Chapel color palette (#DDF0E8, #00BFC0, #008895, #005C77, #003963)
• Sky Pier color palette (#E0F3FF, #2CC3FA, #0086BB, #005269, #001E2A)
• Tempered Delta color palette (#FDF1F7, #CAEAFF, #7EA9D6, #3E8885, #394864)

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