Tempered Cerulean color palette — #FDF2F7 · #C8E0EF · #638DBE · #237160 · #3A4668

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

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Powder Blue (#C8E0EF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#638DBE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#237160): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3A4668): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Washed Cobalt Station color palette (#FFF1F5, #B0C8DD, #5E74B8, #00605E, #3F325A)
• Worn Orchard color palette (#F5F1EB, #C5E5D5, #5395C3, #006C71, #3A223B)
• Lagoon Lagoon color palette (#F1F7F2, #D1DEFB, #70ACD7, #008B92, #324965)
• Onyx Meadow color palette (#E9DBE5, #4A8C96, #004160, #002415, #010030)
• Timeworn Spruce color palette (#F6EBF6, #6CACA9, #006178, #00420E, #00203E)
• Driftwood Pier color palette (#D9FDFF, #C4DEF4, #CAB8E1, #788452, #33545D)
• Tempered Villa color palette (#E3FAFF, #6FCECA, #008574, #005145, #003A35)
• Muted Lagoon color palette (#E9ECB7, #91BC7B, #21926E, #006967, #1B4D5E)

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