Tempered Cornflower color palette — #FFF1F5 · #98D2FF · #5083FF · #00717C · #30295F

Periwinkle and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#98D2FF): A whisper-light, balanced blue — the color of open sky before noon.
• Periwinkle (#5083FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#00717C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#30295F): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered Cornflower 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

• Aged Villa color palette (#FCF2F6, #AFDBF8, #6B95DB, #007B82, #2E3958)
• Antique Dune color palette (#FBF4E9, #DCE1F4, #5998FB, #006F86, #171561)
• Pale Villa color palette (#FFF1F5, #7DC0F0, #435EDE, #005655, #3D196C)
• Weathered Pier color palette (#FFF0FB, #36E4F0, #009BC2, #007555, #00355A)
• Feathered Aubergine Atelier color palette (#FFF3E7, #B9DEFF, #90A3FF, #00979A, #42126E)
• Softworn Teal color palette (#F5E7F0, #40C8C1, #008396, #005D31, #002333)
• Muted Turquoise color palette (#EBDAE7, #00A5B4, #00617F, #003D2E, #000A18)
• Aged Powder Atelier color palette (#FAF2F8, #D3D6EC, #80BCCC, #5A9291, #425564)

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