Tempered Field color palette — #F5F0F4 · #C8E1EB · #5996B7 · #146F47 · #1A2C47

Pine and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F0F4): bright and airy, almost weightless.
• Silver (#C8E1EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5996B7): A luminous, balanced blue — the color of deep harbor water.
• Pine (#146F47): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1A2C47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Aged Cypress Courtyard color palette (#F7EFF2, #D9D0E4, #8A9CC4, #2B7975, #31344B)
• Worn Cobalt color palette (#F7EFF4, #A9CDE2, #4E7FB4, #005D4D, #1B1A44)
• Patina Coast color palette (#F4EFFF, #B376A4, #3A9361, #00776F, #221930)
• Lagoon Villa color palette (#F9F4ED, #BDE3EC, #7FC7DE, #159684, #16445C)
• Denim Grove color palette (#F4E6F0, #6491A7, #004D7D, #002D21, #02001C)
• Wandering Navy Harbor color palette (#F8EBEF, #527CA5, #2D278B, #001F21, #020006)
• Cobalt Ridge color palette (#F2EFFF, #F1D0DE, #E4C295, #7273A8, #3B2F46)
• Worn Cocoa Balcony color palette (#FFEBF6, #9CB39B, #966854, #6F3942, #092A1B)

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