Tempered Periwinkle color palette — #FBF2F7 · #C8EAFE · #77ABD4 · #3B8980 · #374864

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#C8EAFE): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#77ABD4): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3B8980): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#374864): A deep, shadowed, 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

• Periwinkle Parlor color palette (#FFF1F6, #AADCFD, #7096D3, #1A7A80, #2F3957)
• Dusty Teal color palette (#FBF4EF, #C4E9E7, #99C1EF, #28AF95, #5D3B52)
• Muted Canyon color palette (#ECDDE8, #20A4B2, #00617E, #003D2D, #000A18)
• Linen Mint Cabin color palette (#E3FAFC, #2DD5A9, #D487BF, #009675, #483B5C)
• Tempered Forest Cabin color palette (#F3E3ED, #64C4BE, #008395, #005D30, #002333)
• Ultramarine Drift color palette (#F6E3EB, #5AACD6, #0065C0, #004A4B, #0C093B)
• Hazy Seafoam color palette (#DEFCFF, #51E3D0, #17AC9A, #05715D, #00332D)
• Patina Mint Archive color palette (#DBEAB2, #8DD47E, #38A36D, #278270, #1F4F5C)

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