Tempered Periwinkle color palette — #FDF3EC · #C5F0DC · #84A6D9 · #398A7E · #5B3D4E

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Honeydew (#C5F0DC): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#84A6D9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#398A7E): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5B3D4E): A full-bodied, dusty pink — the color of neon signs at night.

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

• Weathered Iris color palette (#FAF4ED, #AFDAFF, #7E90DD, #0E7B7D, #4E303D)
• Lagoon Delta color palette (#FBF2F7, #D7D4DF, #91BFF3, #009594, #353C61)
• Muted Mint Lantern color palette (#EFFAE4, #39D4A5, #E184A0, #159672, #5C3732)
• Aged Denim color palette (#EEE1DA, #3CA1B6, #005D8F, #003D2B, #03012B)
• Soft Villa color palette (#FFF2EE, #38E6E2, #009BBE, #00791E, #00345E)
• Seafoam Study color palette (#E4FFDC, #4CE3D9, #1FA6A4, #006E62, #003A33)
• Muted Petal Lagoon color palette (#EEFAE3, #CBE9FF, #D4C3F0, #929F73, #415241)
• Timeworn Corridor color palette (#F3E7DB, #45ACE6, #355BCB, #004A47, #19013B)

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