Tempered Cerulean color palette — #F6F0F3 · #C7E1EF · #5694C1 · #006E63 · #182C49

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Powder Blue (#C7E1EF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5694C1): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006E63): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#182C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Cerulean color palette (#EEF8F6, #BFE2F6, #2496C1, #026F7A, #344B5C)
• Washed Cobalt color palette (#FAEEF3, #AFCBE2, #577CB7, #005B5F, #1B1B40)
• Cobalt Pier color palette (#ECF2FF, #E4D1E4, #E6AEBC, #527DAA, #2C2D43)
• Lagoon Terrace color palette (#F1E2ED, #34868E, #004257, #002016, #000104)
• Chalky Bronze Balcony color palette (#EDF1FF, #8983CB, #908000, #627412, #151C38)
• Ancient Dune color palette (#FBF3EF, #C1E8E4, #55AEE8, #3A8A7E, #563F54)
• Powdered Ultramarine Parlor color palette (#ECE0E4, #7EA0C2, #354AB5, #003841, #0E0029)
• Worn Aubergine Corridor color palette (#DFF1FF, #7BA9E1, #5E6FC3, #603D93, #3A2247)

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