Tempered Periwinkle color palette — #F8ECE4 · #B0E0C8 · #6CAAE3 · #00918B · #1D2A58

Built around Cornflower, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Mint (#B0E0C8): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#6CAAE3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00918B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D2A58): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Lagoon Ridge color palette (#FDF3EB, #C4EADB, #92B3E5, #359CA2, #4E2E44)
• Cobalt Parlor color palette (#D2F0EA, #00C0D3, #0099BE, #0071B3, #0E255B)
• Iris Quarry color palette (#F2EAE2, #98CCBE, #6B8AF2, #007B8B, #211443)
• Patina Cerulean color palette (#E2F3F1, #A3CAE3, #3690BD, #006A79, #00314F)
• Frosted Lantern color palette (#FFF2EC, #A3F6F3, #00CBEC, #35A96E, #004565)
• Cerulean Atelier color palette (#FCE8DF, #77BDCA, #008EC1, #006F5B, #00132E)
• Quiet Teal color palette (#D1F8E6, #CEDBFF, #D6B1FF, #00ABB1, #073F35)
• Softworn Cobalt color palette (#F0E6EB, #87BCD2, #006FB5, #004C47, #081139)

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