Forest Field color palette — #FFF2EF · #9ADCDA · #008DAD · #006C1C · #0A4170

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ice Blue (#9ADCDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008DAD): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#006C1C): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#0A4170): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Weathered Cobalt Field color palette (#FFF2EB, #9DD9EB, #2684CE, #006952, #323876)
• Navy Terrace color palette (#FFF2EE, #81C5C9, #00799E, #005A2C, #00306C)
• Washed Thicket color palette (#EBF5ED, #97DFDB, #0094A1, #006549, #002A35)
• Misty Lantern color palette (#FDF4E6, #99ECE8, #00B0BF, #008662, #004759)
• Wandering Cypress Atelier color palette (#FAF3F0, #CBE8E3, #6BA0C2, #357F5E, #614A5E)
• Ancient Navy color palette (#F7E6DC, #478B9F, #003F6B, #00231A, #05002C)
• Grape Orchard color palette (#C2FAE4, #009674, #794DE1, #7E00D6, #003A2B)
• Tempered Balcony color palette (#E6DDD7, #71A7BD, #0857A2, #003F35, #1C0E53)

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