Tempered Cornflower color palette — #FFF3E9 · #83D7FF · #138DF7 · #007271 · #232B68

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#83D7FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#138DF7): A luminous, vivid blue — the color of deep harbor water.
• Teal (#007271): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#232B68): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, 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 Meadow color palette (#F8ECE5, #8AD1E2, #408FBC, #006D5E, #132D54)
• Dusty Periwinkle color palette (#FFF0F7, #D9D6EC, #3D9CFE, #007272, #171A58)
• Turquoise Cabin color palette (#FFF2EC, #ACE7ED, #00ABD8, #008663, #00426F)
• Misty Atelier color palette (#E5FAF9, #77C2E8, #0075AD, #005364, #00355C)
• Tempered Courtyard color palette (#FAF4ED, #C6EFE3, #8FA3DA, #2E8897, #5F3B4E)
• Cobalt Canyon color palette (#FFF0F8, #FEC3FB, #FF929C, #537BD2, #492558)
• Tempered Hollow color palette (#F0E9FB, #B87FFF, #009660, #6A7500, #2F104E)
• Aged Petrol Coast color palette (#EFDED5, #6DAFB1, #00728C, #004C33, #001526)

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