Pine Field color palette — #FFF2EE · #84DCDE · #009AC5 · #007837 · #003167

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#84DCDE): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009AC5): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007837): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003167): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Turquoise Canyon color palette (#FFF2EE, #BFDFBC, #33A4C2, #4A7948, #1C3D5B)
• Faded Cornflower Delta color palette (#FFF2EA, #92D6EF, #118EF7, #007461, #2B2868)
• Pine Meadow color palette (#FBF2FB, #B6FDFF, #00A9D7, #007835, #00244C)
• Ancient Cobalt color palette (#FBEAE3, #79BFC5, #007FAB, #005D33, #021C48)
• Aged Turquoise color palette (#FEF4E4, #81EEF0, #00BFD9, #009B7C, #00394B)
• Patina Lagoon color palette (#FDF3ED, #CEEEDA, #81AACC, #3B8B70, #583E51)
• Tempered Bronze Cabin color palette (#E2FFD7, #84EBDC, #77C1FF, #957700, #034830)
• Hushed Denim Field color palette (#F9EBE2, #5D9DB0, #005B98, #003D2F, #05002C)

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