Tempered Periwinkle color palette — #FCF3EE · #C0E9E7 · #74ABDA · #338A83 · #573F53

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Honeydew (#C0E9E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#74ABDA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#338A83): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#573F53): A full-bodied, dusty pink — the color of a candy shop window.

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

• Sky Alley color palette (#FAF3F0, #CEE7E0, #66C0D8, #629378, #335248)
• Iris Garden color palette (#FBF4ED, #B7DFD1, #6293EC, #007B83, #36365A)
• Lagoon Courtyard color palette (#E6FBF0, #DED6E0, #EBB7D7, #4CA09F, #564657)
• Wandering Azure color palette (#BBF6EE, #45D2DC, #00A4C7, #2375A4, #563A53)
• Powdered Apricot Terrace color palette (#E8FAF1, #58C6F1, #E48B57, #008DB5, #5F371F)
• Denim Summit color palette (#F2E0D7, #43A1AF, #006181, #003D2F, #00091A)
• Worn Harbor color palette (#F7EBE5, #78C0BD, #008397, #005D33, #002334)
• Timeworn Pier color palette (#F2E4D8, #60ABD4, #0062C7, #004A4C, #0E0441)

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