Tempered Pine Field color palette — #FBF2F9 · #D4D4E3 · #67B0D9 · #1C8255 · #1C2D50

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#67B0D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#1C8255): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1C2D50): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Softworn Lagoon color palette (#FCF2F7, #D7D4E0, #9CBDE9, #489183, #353E5A)
• Antique Pine Alley color palette (#FDF0FF, #B5FEF9, #00ABCD, #127815, #002644)
• Weathered Summit color palette (#FEF1F7, #D5E0FD, #6191E1, #006B61, #1F1345)
• Washed Pier color palette (#F0F5FF, #A1B4FF, #958600, #507A28, #0F1A32)
• Cerulean Parlor color palette (#ECF4ED, #A2CFE1, #0089A8, #005C51, #002339)
• Tempered Cobalt Veranda color palette (#FEF2EE, #ABD0B3, #0082B5, #00633E, #4A3048)
• Denim Summit color palette (#F8EBF5, #68AEBD, #005A88, #002D1D, #00000B)
• Hushed Cornflower Pier color palette (#E4FAFF, #7CC5FF, #578DE5, #524997, #361F46)

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