Tempered Periwinkle color palette — #FCF3EB · #BAE0FF · #7699E7 · #00818D · #3D3963

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

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Powder Blue (#BAE0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#7699E7): A luminous, balanced violet — the color of a velvet chair.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3D3963): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Worn Summit color palette (#FEF3E7, #9FD0FF, #6583EF, #007080, #352562)
• Aged Cypress color palette (#FFF2EC, #A5E1E8, #53A0C0, #1E7D62, #1E3D5A)
• Misty Powder color palette (#FDF2F6, #D8DDFB, #9DB2FF, #00A5A7, #4A2F6F)
• Wandering Powder color palette (#FCF3EE, #BEE6ED, #84BBCE, #7E8C69, #375149)
• Softworn Courtyard color palette (#FFE3E6, #FF557C, #00A598, #2C82AA, #4C2028)
• Hushed Lagoon color palette (#FAEBE3, #73BED1, #007DB4, #005A4E, #021C48)
• Pale Atelier color palette (#EFDCCC, #53ABE0, #1C60C9, #00494E, #100939)
• Denim Archive color palette (#F0D9CF, #4DA0AF, #006084, #003D31, #00091B)

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