Tempered Periwinkle color palette — #FAF4F0 · #C2E7E3 · #5BACEC · #3C8B71 · #573F50

Cornflower takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C2E7E3): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#5BACEC): A luminous, balanced blue — the color of open sky before noon.
• Fern (#3C8B71): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#573F50): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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 Alley color palette (#FBF3F1, #D2EECE, #40B5D3, #588953, #2E4F47)
• Weathered Workshop color palette (#FBF2F7, #D6D4E1, #87C3EB, #4A9184, #2A405F)
• Cypress Chapel color palette (#EFF8F0, #B9E3F9, #5C92AF, #17706E, #364A5E)
• Dusty Olive color palette (#FAF5E5, #BBBE6A, #8A9FF2, #858600, #374065)
• Sunlit Cornflower Workshop color palette (#F9ECE3, #96CEE3, #2D88E3, #006E5C, #282852)
• Dusty Denim Boulevard color palette (#F2E1DC, #47A2A9, #006082, #003E20, #000720)
• Soft Ultramarine color palette (#F3E5DB, #5DADCE, #0063C4, #004B40, #120936)
• Hazy Mustard color palette (#FEF5DE, #B6A73B, #A186DC, #A465A1, #3A3831)

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