Tempered Field color palette — #E2EBEB · #BECFD1 · #90A9AF · #20643C · #001B1A

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

The five colors

• Frost (#E2EBEB): bright and airy, almost weightless.
• Oat (#BECFD1): soft and architectural.
• Blue Fog (#90A9AF): A luminous, dusty blue — the color of open sky before noon.
• Pine (#20643C): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001B1A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Patina Forest color palette (#EEF0E6, #C7CEC6, #90A79B, #006727, #2D301E)
• Washed Abyss color palette (#D9E3E4, #A0B8BF, #7492A1, #005042, #000E10)
• Pine Villa color palette (#EBF9F7, #D0DFEB, #B6C3DC, #418949, #132120)
• Timeworn Thicket color palette (#DAE5ED, #828F9D, #5D6B86, #002E41, #000103)
• Timeworn Lagoon color palette (#DFF1E9, #4D9EA1, #4D6D83, #473754, #2A1229)
• Weathered Lantern color palette (#ECF3F8, #D5D5E1, #B5BFD8, #2471A3, #182733)
• Clover Pier color palette (#D2F6FB, #5FC84D, #00B28D, #008199, #001310)
• Sunlit Pine color palette (#D4F0D9, #008F5F, #00575C, #4A0A46, #00120E)

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