Tempered Periwinkle color palette — #FFF2EA · #C2E9F8 · #67B4FF · #008A71 · #2C2F5C

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Frost (#C2E9F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#67B4FF): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008A71): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2C2F5C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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 Ridge color palette (#FDF2EE, #BFE7F1, #8DC3E4, #47946E, #4F354C)
• Misty Olive Alley color palette (#FFF2EE, #CDE2FA, #00C2E6, #398B2F, #00375D)
• Misty Periwinkle color palette (#FFF2E9, #D7E5FA, #489AFF, #007464, #211559)
• Cobalt Veranda color palette (#FFF0F9, #9FD8ED, #1F82D9, #006856, #373A6B)
• Faded Seafoam color palette (#D8FFF3, #00E4E1, #00A8C8, #006DAE, #2C3472)
• Teal Atelier color palette (#DDFFE9, #E7DDE4, #BDADA3, #2EAA93, #25425E)
• Wandering Basin color palette (#DBFFED, #5AD0FF, #CD7100, #8F7100, #002633)
• Dusty Studio color palette (#FEE9DF, #83C2D4, #006BB0, #003F31, #010014)

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