Tempered Field color palette — #F1F7F2 · #DBDDEB · #9AB3D7 · #3393B1 · #48526B

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#DBDDEB): bright and airy, almost weightless.
• Mauve (#9AB3D7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3393B1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#48526B): A full-bodied, dusty violet — the color of a velvet chair.

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

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

• Weathered Meadow color palette (#FBF3F5, #DBDDEE, #8C96C8, #337B7E, #4F5065)
• Timeworn Thicket color palette (#E7F2E9, #9FCBE4, #2890C4, #006C6D, #002E58)
• Ash Market color palette (#E9F8FD, #D5DBE6, #BCA7B1, #73AB9D, #3B4F58)
• Patina Basin color palette (#DAE7DC, #8CB7D9, #2771D8, #005768, #111156)
• Denim Courtyard color palette (#DAE3DC, #6C9BA9, #006373, #003D30, #000B12)
• Worn Lagoon Corridor color palette (#D8FEFE, #92D4BF, #4BB3AA, #00888E, #295769)
• Timeworn Boulevard color palette (#E6F9FE, #8FD3CF, #E6999B, #00A19D, #6C3E40)
• Antique Balcony color palette (#EFF8F0, #B6E3F6, #00ABD8, #008479, #004468)

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