Tempered Cerulean color palette — #FDF1F7 · #B4E4FD · #5E8DC3 · #2B6E6D · #3B4762

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Powder Blue (#B4E4FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5E8DC3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#2B6E6D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3B4762): 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 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

• Tempered Courtyard color palette (#F8EFF3, #C5E1F3, #728FBB, #0A6D62, #2A2749)
• Cobalt Studio color palette (#EFF8EF, #A7C9EA, #5D74BB, #005E6B, #313859)
• Worn Lagoon color palette (#FCF3ED, #C2E7E7, #85A6DA, #278C80, #5C3D4E)
• Aged Turquoise color palette (#F8F5EF, #C6E5E6, #93C3EF, #00ACBC, #364869)
• Ancient Teal Loft color palette (#EDDDE9, #55AFB3, #006178, #00402A, #002238)
• Muted Hollow color palette (#F7E5F1, #008FA8, #004160, #00231D, #00071F)
• Timeworn Station color palette (#DDFEF1, #AFE0E8, #82CCE9, #638268, #37514C)
• Softworn Archive color palette (#E0FDF2, #9AA941, #8E7BC6, #626D00, #443B61)

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