Forest Field color palette — #F7ECE8 · #77C0BE · #00748F · #005415 · #002F57

A conversation between Deep Olive and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7ECE8): a clean, paper-quiet neutral.
• Mint Leaf (#77C0BE): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005415): A deep, shadowed, balanced green — the color of fresh herbs.
• Navy (#002F57): 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 Forest 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

• Dusty Petrol Hollow color palette (#FAEBE2, #81BBD3, #3C69A2, #005145, #292754)
• Ancient Forest Loft color palette (#FBF3F0, #B2CDB7, #4080A0, #006439, #263A5D)
• Aged Courtyard color palette (#E4EBE5, #8FBCC8, #007986, #004D39, #001922)
• Worn Forest Villa color palette (#E0F3DD, #84CAF9, #A08DD4, #1A7037, #003741)
• Soft Ridge color palette (#DFEDDB, #00A473, #006F6C, #004B56, #00354D)
• Washed Lantern color palette (#9CF4FF, #00A7B6, #006376, #002F36, #00171A)
• Hushed Studio color palette (#F2E3DC, #3A8E9B, #004161, #002415, #01012E)
• Cypress Boulevard color palette (#FBF4EF, #C4E6D4, #668DBC, #007362, #5D3B51)

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