Tempered Periwinkle color palette — #FBF2F8 · #C5EBFF · #6EABDE · #3F8B71 · #3B4861

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Frost (#C5EBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#6EABDE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#3F8B71): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3B4861): A full-bodied, 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 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

• Turquoise Veranda color palette (#EDF8F6, #CFDEF6, #83C9E3, #00ACB7, #1D4D65)
• Cerulean Study color palette (#F5F6EE, #CBE3D4, #5294AE, #1C6E75, #2E5043)
• Fuchsia Courtyard color palette (#F7F3FF, #DE7EC5, #37AE9A, #408D9B, #3B3447)
• Wandering Field color palette (#E8DDE6, #00A6AD, #006180, #003E1D, #00081D)
• Pale Cobalt color palette (#F8EAF2, #90CFE5, #418BCF, #006E59, #262951)
• Weathered Indigo Terrace color palette (#F2E1E7, #72B8F2, #5C6CC1, #00595B, #26143C)
• Washed Mallow color palette (#F8F2FF, #EC99C9, #62BA89, #B06291, #164B4B)
• Soft Studio color palette (#E1E0FF, #CE9AFA, #C672AE, #9B576F, #5A3E55)

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