Tempered Periwinkle color palette — #F4F7ED · #B7EAEF · #78A9DB · #48839C · #534053

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

The five colors

• Ivory (#F4F7ED): a clean, paper-quiet neutral.
• Sea Foam (#B7EAEF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#78A9DB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#48839C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#534053): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Muted Lagoon color palette (#FAF4EF, #C4DFEF, #A2B9F4, #199491, #553343)
• Ancient Balcony color palette (#F9F4EE, #BFE6D9, #6A8CB8, #186D7E, #593D54)
• Hushed Workshop color palette (#F3F8E6, #B3E2FF, #49A3E5, #007E9B, #1C4169)
• Timeworn Turquoise color palette (#F5F6EB, #B1F2FC, #62B2C6, #378988, #2B513F)
• Petrol Garden color palette (#E7E9D8, #61C2D1, #00829B, #005959, #00232F)
• Denim Atelier color palette (#E4E7D9, #539DB9, #006084, #003A43, #000A15)
• Muted Cobalt color palette (#ECF1E3, #95CAFB, #5488CB, #00668C, #1D2D4E)
• Worn Glacier color palette (#F5F7E8, #32E4F1, #009EB2, #00736D, #003947)

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