Forest Field color palette — #FAF4F0 · #CFE3CD · #4697A8 · #2A7248 · #265142

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#CFE3CD): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4697A8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#2A7248): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#265142): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Worn Cypress color palette (#FCF3EF, #CBE3D2, #5093B4, #00735D, #573D59)
• Patina Lagoon Grove color palette (#EAF4F2, #C2E3EB, #00A1A8, #166D5E, #0E313D)
• Timeworn Lagoon color palette (#F5F6EF, #C2E6DA, #56B6BA, #348B7A, #334F3B)
• Softworn Balcony color palette (#FCF3EF, #B2CDB9, #0083AE, #00624D, #1C3C5E)
• Dusty Thicket color palette (#F3E5DE, #769A7C, #005268, #003122, #001528)
• Feathered Lantern color palette (#FFF3E7, #AAD3F9, #5C79D1, #006572, #403274)
• Weathered Cerulean Grove color palette (#FFF0FE, #EED2D3, #DAADC7, #418FAB, #61475B)
• Quiet Bronze Delta color palette (#FFF0FE, #5C8ACB, #A86C00, #7F6600, #462E47)

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