Tempered Field color palette — #E3F3F3 · #83B7DB · #0087DF · #006886 · #001330

Azure takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E3F3F3): a clean, paper-quiet neutral.
• Sky (#83B7DB): A luminous, dusty blue — the color of open sky before noon.
• Azure (#0087DF): A luminous, vivid blue — the color of open sky before noon.
• Peacock (#006886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#001330): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cerulean Ridge color palette (#DCEEEB, #7EBCC6, #0092AE, #006D6D, #001720)
• Powdered Lilac color palette (#CCE1FB, #A1B8FC, #A299FF, #007DC0, #061840)
• Linen Cerulean Loft color palette (#C4EDFD, #0097C5, #0075A7, #004A77, #001126)
• Emerald Boulevard color palette (#E4F2FF, #0096DE, #149A21, #00699D, #011501)
• Ultramarine Field color palette (#F9E7EE, #75A8CC, #1E5DD1, #00494F, #120240)
• Misty Periwinkle color palette (#E2F2F1, #B8D8F0, #53ADEC, #008CAB, #032F55)
• Linen Corridor color palette (#D5E6F5, #0084CB, #9A3ED3, #007866, #000813)
• Linen Sapphire color palette (#DBEAFF, #569BF3, #006AEC, #004283, #000208)

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